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

Question

我正在使用语义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}>