完整报错如下:
警告:列表中的每个子元素都应该有一个唯一的“key”道具。
检查' Trigger '的渲染方法。它从notifeview中传递了一个子元素。
Warning: Each child in a list should have a unique "key" prop.
Check the render method of `Trigger`. It was passed a child from NoticeView.
这里提示了在NoticeView
组件中报错了,遍历列表时没有加key。
message = tipList.map((e, i) => {
return <>
<div key={ e.id }>
<span className={style.indexTip}>{++i}</span>
</div>
</>
})
从上面的代码中可以看到我们遍历的时候加了key了,加在了div上面,但是我们注意看在div前面其实还有个空标签,那就意味div其实是二级节点,而key是要加入到一级节点的。所以将上面的代码改成:
message = tipList.map((e, i) => {
return <div key={ e.id }>
<span className={style.indexTip}>{++i}</span>
</div>
})