反应动态地在组件上注入属性

Question

having a problem figuring this out. If I had a component such as

<Stack horizontal>..whatever...</Stack>

How could I make the horizontal attribute be inline kind of like

<Stack {this.horizontal ? 'horizontal' : 'vertical'>..whatever..</Stack>

In this scenario, it isn't adding a parameter such as className={this.class}, it is just the attribute itself.

Thanks.

Answer 1

If you want to pass an attribute just use props:

const myValue = this.horizontal ? 'horizontal' : 'vertical'
<Stack {myValue}>..whatever..</Stack>

If that doesn't work maybe you can even do:

if (this.horizontal) {
   comp = <Stack horizontal>..whatever..</Stack>
} else {
 comp = <Stack vertical>..whatever..</Stack>
}

And then maybe return

{comp} 

in the render?