javascript - React - 如何在推送到数组时添加 "key"

Question

react v15.1

我正在创建一个行数可变的表，具体取决于通过 props 提供的数据。这是我所在的位置(并且工作正常):

getRows = () => {
  const rows = [];

  for (const col in this.props.tableRows) {
    if ({}.hasOwnProperty.call(this.props.tableRows, col)) {
        rows.push(React.cloneElement(this.props.tableRows[col], {}));
    }
  }
  return rows;
}

我正在努力让控制台警告消失。这个旧的最爱出现了数组或迭代器中的每个子项都应该有一个唯一的“key” Prop 。检查“TableData”的渲染方法。

向我推送到空数组的克隆元素添加键的最佳方法是什么？

或者是否有更好的方法来处理动态生成的表行上的数据？

这是我在很多地方使用的联系信息的上传对话框。它成功地按预期执行，只需要添加一个 key ...或者使其变得更好。

Answer 1

@medet-tleukabiluly 有正确的答案:

keyed_items = items.map((item, key) => React.cloneElement(item, {key}))

只要每个项目都是一个元素(而不仅仅是字符串)。