                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React实战--打造画廊应用（上）

最新版在{imgFigures}操作时报错

一直报错 ---- Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of `AppComponent`. See https://fb.me/react-warning-keys for more information. 我用的是最新版,这是为什么?

andy_mars

2016-08-11

源自：React实战--打造画廊应用（上） 3-2

关注问题我要回答

945

操作

收起

2 回答

cau德军回答被采纳 +3 积分
2016-08-13

这只是个警告，你渲染出来的系列的组件需要加一个key={"XXX"+i}，这样react就知道每个child的不同了，不写的话可能会影响性能，所以react给了警告

0 回复有任何疑惑可以回复我~

收起回答

andy_mars 提问者

非常感谢！

2016-08-15 回复有任何疑惑可以回复我~

cau德军回复 andy_mars 提问者

问题解决了吗？

2016-08-15 回复有任何疑惑可以回复我~

慕粉3732082

回复 andy_mars请问在哪里加key?怎么加~能截个图吗？

2017-03-17 回复有任何疑惑可以回复我~

查看1条回复

你糖都化了
2016-08-17

react组件中，每个标签都会有一个唯一的编号data-reactid，如：data-reactid=".0.$0a.0.1.0.1.1"。这里的key是data-reactid的最后一个小数点后面的值。所以key只需要在自己兄弟节点内唯一即可。如果不按照要求，让多个子元素的key相同，那么只会识别展示第一个子元素。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

React实战--打造画廊应用（上）

参与学习 57313 人
解答问题 273 个

颠覆式前端UI开发框架 React，打造图片画廊实践案讲解

进入课程

热搜

最近搜索清空

最新版在{imgFigures}操作时报错

2 回答

最新版在{imgFigures}操作时报错