警告:列表中的每个子元素都应该有一个唯一的“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> })