使用JS 数组 map是的警告

Warning: Each child in an array or iterator should have a unique "key" prop. Check the top-level render call using

. See https://fb.me/react-warning-keys for more information.

出现的原因:

这个是和react的dom-diff算法相关的。react对dom做遍历的时候,会根据data-reactid生成虚拟dom树。如果你没有手动的添加unique constant key的话,react是无法记录你的dom操作的。它只会在重新渲染的时候,继续使用相应dom数组的序数号(就是array[index]这种)来比对dom树。

更改后的代码如下:

加入key值即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、Warning:Each child in an array or iterator should have ...
    Wendy曹阅读 3,315评论 0 6
  • 参考文章:深度剖析:如何实现一个Virtual DOM 算法 作者:戴嘉华React中一个没人能解释清楚的问题——...
    waka阅读 6,164评论 0 21
  • 如果你觉得自己的水平还是不够,那么可能是你遇到的 bug 还不够多! 又遇到了新 bug 代码结构 bug 提示 ...
    lx_smile阅读 493评论 0 1
  • 点开《麻雀》,纯属偶然;坚持看完,却是必然。 随着剧情的发展,最吸引我的并不是一号男女主,而是不知不觉迷...
    情主阅读 571评论 2 3
  • 一月 《追风筝的人》 卡勒德•胡赛尼 摘: 罪行只有一种,只有一种,那就是盗窃,其他的罪行都是盗窃的变种。 当你杀...
    丁二二丁阅读 238评论 0 1

友情链接更多精彩内容