javascript - 动态添加一个 prop 到 ReactJS 对象

Question

我按如下方式创建了这个对象

let comp = <MyComponent
  msg="hello"
>

现在我想向对象 comp 添加另一个属性 foo="bar"。我总是可以拥有类似的东西

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} />