最佳答案
我正在生成一个 dl
反应:
<dl>
{
highlights.map(highlight => {
const count = text.split(highlight).length - 1;
return (
<>
<dt key={`dt-${highlight.id}`}>{highlight}</dt>
<dd key={`dd-${highlight.id}`}>{count}</dd>
</>
);
})
}
</dl>
这给了我一个警告:
警告: 列表中的每个子元素都应该有一个独特的“键”道具。
这将删除警告,但不会生成我想要的 HTML:
<dl>
{
highlights.map(highlight => {
const count = text.split(highlight).length - 1;
return (
<div key={highlight.id}>
<dt>{highlight}</dt>
<dd>{count}</dd>
</div>
);
})
}
</dl>
我不能添加一个 key
道具片段(<> </>
)。
怎样才能解决这个问题?
我正在使用反应 16.12.0
。