【2023最新-React知识总结（key的作用）】

在列表循环渲染数据时，需要添加key，且必须是唯一。那么使用key和未使用key的实际区别是什么？为啥必须是唯一？

key的相当于是id,在页面上无法查看，当设置key以后，在比较元素时，会比较相同key值的元素，而不是按照顺序进行比较。

1.实际区别

• 使用key，可以提高元素定位，提高渲染能力。
• 未使用key，会按照元素顺序比较，消耗时间，对于页面渲染没有实质作用。

2.为什么必须是唯一？

如果key不唯一，那么也会按照顺序比较元素，没有实际意义。

建议：不使用index作为key值