react数组key的唯一性

Posted shengulong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react数组key的唯一性相关的知识,希望对你有一定的参考价值。

1、不要使用数组的index索引作为key

2、在相邻的元素间,一定确保key的唯一性,如果出现了相同的 key,会抛出一个 Warning,告诉相邻组件间有重复的 key 值。并且只会渲染第一个重复 key 值中的元素,因为 react 会认为后续拥有相同 key 的都是同一个组件。

3、稳定在这里很重要,因为如果 key 值发生了变更,react 则会触发 UI 的重渲染。这是一个非常有用的特性

 

 

https://www.jianshu.com/p/c74624223986

以上是关于react数组key的唯一性的主要内容,如果未能解决你的问题,请参考以下文章

了解 React.js 中数组子项的唯一键

React 列表(Lists) 和 键(Keys)

React组件渲染

react 标签页tabs

[react] 需要把keys设置为全局唯一吗?

反应警告:数组或迭代器中的每个孩子都应该有一个唯一的“key”道具。检查`App`的渲染方法