为什么我的密钥重复？

Question

这是我的渲染方法：

  render: function() {
    var rows = this.state.users;
     return (
        <div className="container">
            <dl className="row">
                <div className="col-md-12">
                    <Table
                        rowHeight={50}
                        rowsCount={rows.length}
                        width={800}
                        height={500}
                        headerHeight={50}>
                        <Column
                            header={<Cell>First Name</Cell>}
                            cell={(_.map(rows, function(row) {
                                return <Cell key={row.id}>{row.firstname}</Cell>;
                            }))}
                            width={200}
                        />
                    </Table>
                    <button type="button" onClick={this.formPopup}>Add User</button>
                </div>
            </dl>
        </div>
    );

为什么视图仍然显示重复项？这是完整代码的 link：https://github.com/DannyGarciaMartin/react-webpack/blob/master/js/source/comp/UserView.jsx

我不明白。我的映射不应该区分输入为固定数据呈现的内容吗？table?

这是一张图片，证明密钥无法正常工作...

Answer 1

cell 道具应该是一个节点或函数，请参阅 this 了解更多详情。

所以，将 cell 更改为

cell={props => (
        <Cell {...props}>
          {rows[props.rowIndex].firstname}
        </Cell>
      )}

为什么我的密钥重复？

Why are my keys duplicating?

javascript

key

reactjs

fixed-data-table