这篇文章主要为大家展示了“React中使用collections时key的重要性是什么”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“React中使用collections时key的重要性是什么”这篇文章吧。
创新互联建站是网站建设专家,致力于互联网品牌建设与网络营销，专业领域包括
成都网站建设、网站建设、电商网站制作开发、
小程序设计、微信营销、系统平台开发，与其他网站设计及系统开发公司不同，我们的整合解决方案结合了恒基网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供全方位的互联网品牌整合方案！
React 不会 render 重复的 keys
为了彻底明白这个, 我们来声明一个这样的数组
const nums = [1, 2, 3, 5, 2]; // 它有两个元素的值是相等的
现在, 我们在 react 中来 render
这小段代码构造出的理想 element 结构, 应该是这样的
然而, 实际 DOM 是这样的
React 给出了以下warning
意思就是, 你必须为数组中的元素提供唯一的 key 值
React 会 re-render 某个 key 指向的内容发生变化的元素
我们来看一个向 users 集合添加 user 的例子
const users = [
{username:'bob'},
{username:'sue'}
];
users.map((u, i) =>
{u.username} 
