使用JS 数组 map是的警告

2017-05-16  本文已影响31人  TaoGeNet

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值即可

上一篇下一篇

猜你喜欢

热点阅读