javascript - 语义 UI React -- 无法在表行上设置关键属性

Question

我正在使用 Semantic UI React 在表中显示来自 API 的结果列表。

表格显示正确，但出现以下错误:

Warning: Each child in a list should have a unique "key" prop.

我正在映射一个数组并像这样显示:

 <Table.Row key={card.id}>

当我查看 html 结果时，TR 中没有键。

如果我将表格行更改为id={card.id}或任何其他变量，则会显示结果，但不会显示key

我需要对语义 UI 做一些不同的事情吗？我在文档中没有看到任何内容。

Answer 1

我明白了这一点。为可能有类似问题的任何人发帖。

我在表行之前有一个 React Fragment，并发现它也需要一个键。因此，通过执行以下操作解决了这个问题:

 <React.Fragment key={card.id}>
              <Table.Row key={card.id}>