react中的key

key

key 帮助 React 识别哪些元素改变了,比如被添加或删除。因此你应当给数组中的每一个元素赋予一个确定的标识。

一个元素的 key 最好是这个元素在列表中拥有的一个独一无二的字符串。通常,我们使用数据中的 id 来作为元素的 key,当元素没有确定 id 的时候

万不得已你可以使用元素索引 index 作为 key:

如果列表项目的顺序可能会变化,不建议使用索引来用作 key 值,因为这样做会导致性能变差,

key 只是在兄弟节点之间必须唯一

当数据更新react会根据key进行对比

(1)key相同,组件有所变化,react只会更新组件对应变化的属性

(2)key不同,组件会销毁之前的组件,将整个组件重新渲染

 

数组元素中使用的 key 在其兄弟节点之间应该是独一无二的。然而,它们不需要是全局唯一的。当我们生成两个不同的数组时,我们可以使用相同的 key 值:

在map中不推荐使用索引作为key,因为

0,1,2】如果map,索引是0,1,2  如果给这个数组倒叙变成【2,1,0】,索引还是0,1,2 组件会重新加载渲染,如果是用id最为key即使给【0,1,2】变成【2,1,0】react只会将其移动而不是删除

 

posted @ 2020-12-21 08:27  人间流浪  阅读(306)  评论(0)    收藏  举报