react 解决警告Warning: Each child in a list should have a unique “key” prop

总结:
react在循环元素的时候一定要加key值,有两个重要点。
1.key值不可以重复。key值重复会发生意想不到的错误。所以一定要保证key的唯一性。我曾遇到过key值重复后,重复的key值会在组件被多次调用的时候保留下来。造成数据错乱。
2.加key的地方是在循环的第一层元素上。比如以下,应该加在 li 标签上

list.map(item=>{
 return (
  • ) })

    那如果我要在 li 上,加一个tooltip呢,如下, 则这个时候应该加在Tooltip上。如果是修改的时候,别忘了要改变key的位置。不然会报警告。

    list.map(item=>{
     return (
  • ) }) // 警告内容 // Warning:Each child in a list should have a unique "key" prop.

    你可能感兴趣的:(react 解决警告Warning: Each child in a list should have a unique “key” prop)