Question

我之前遇到错误：
Warning: Encountered two children with the same key,项目. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

此错误来自我一直在使用的Grommet DataTable。问题在我的桌子上，第一列是“类型”，可以有两个选项之一：项目或任务。 Grommet自动将第一列作为键，这不是我想要的，因为键将重复。

我已经仔细阅读了Grommets文档，并尝试按照此处的指示输入主键：

https://v2.grommet.io/datatable#primaryKey

我的第一次尝试是按照他们的指示使用primaryKey，请参见下面的代码中的第一次尝试。

我的第二次尝试是输入data._id作为列，并将primary设置为true。这行得通，但是我不希望data._id显示在表中，我只想将其设置为键。

`<DataTable
    sortable={true}
//this is what I attempted but nothing happened
    primaryKey={data._id}
    columns={columns}
    data={data}
/>`

我想将密钥设置为data._id，因为它是唯一的标识符，但是，我不希望data._id显示在我的表中。

任何建议将不胜感激。

Answer 1

primaryKey需要为字符串，因此在这种情况下为：

`<DataTable
    sortable={true}
    primaryKey="_id"
    columns={}
  />`

在Grommet DataTable Reactjs上设置唯一键

1 个答案: