动态地将prop添加到ReactJS对象

Question

我创建了这个对象如下

let comp = <MyComponent
  msg="hello"
>

现在我要添加另一个属性foo =＆＃34; bar＆＃34;对象comp。我总能拥有像

这样的东西

let comp = <MyComponent
  msg="hello"
  foo={this.state.barOrNoBar}
>

但是我从另一段代码中获取了这些对象的数组，并且无法在那里添加foo。我只想根据需要添加此属性。执行此操作的正确方法是什么（除了执行DOM findNode和使用setAttribute之外）？

Answer 1

您可以创建如下功能组件：

const MyComp = ({barOrNone = null}) =>
  <MyComponent msg="hello" foo={barOrNone} />;

然后，使用它：

<MyComp barOrNone={this.state.barOrNone} />