arrays - 如何向数组内的组件添加道具？

Question

我有一个数组，里面有一堆没有key道具的 React 组件。

我想遍历它们并添加它。

我该怎么做？

例子：

const elements = [<Component someProp={someValue}/>, <Component someProp={someValue}/>];

elements.forEach((item,index) => {
  // HOW CAN I ADD key TO THE COMPONENTS HERE ?
});

PS：是的，我在创建数组时可以这样做，但我选择不这样做，以提高可读性。

可能吗？

标签： arraysreactjsreact-props

Answer 1

const elements = [<Component someProp={someValue}/>, <Component someProp={someValue}/>];

elements.map((item,index) => {
  return React.cloneElement(item, {
     someNewProp
  }
});

这个键是 React.cloneElement