我dl
在 React 中生成一个:
<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>
这给了我警告:
警告:列表中的每个孩子都应该有一个唯一的“key”props。
这将删除警告,但不会生成我想要的 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
向片段 ( <> </>
)添加props。
如何解决这个问题?
我正在使用 React 16.12.0
。