总结:
react在循环元素的时候一定要加key值,有两个重要点。
1.key值不可以重复。key值重复会发生意想不到的错误。所以一定要保证key的唯一性。我曾遇到过key值重复后,重复的key值会在组件被多次调用的时候保留下来。造成数据错乱。
2.加key的地方是在循环的第一层元素上。比如以下,应该加在 li 标签上
list.map(item=>{
return (<li key={}></li>)
})
那如果我要在 li 上,加一个tooltip呢,如下, 则这个时候应该加在Tooltip上。如果是修改的时候,别忘了要改变key的位置。不然会报警告。
list.map(item=>{
return (<Tooltip title={} key={}><li></li></Tooltip>)
})
// 警告内容
// Warning:Each child in a list should have a unique "key" prop.