React的key属性的作用是什么?为什么要添加key?key主要解决了什么问题？

【概念释义】

key 帮助 React 识别同级元素身份，diff 时决定复用、移动或重建 DOM/Fiber。作用：列表重排性能、避免错误 state 复用、强制 remount（换 key）。为何需要：无 key 时默认 index，插入/重排导致错误关联与多余 DOM 操作。解决：稳定唯一 id（数据库 id、uuid），非 random 非 index（动态列表）。

【基础使用】

{todos.map((todo) => (
  <TodoItem key={todo.id} todo={todo} />
))}

"qb-hl-comment">// 强制 remount