简单React
0 1

React中keys 的作用是什么?

【概念释义】

key 帮助 Reconciler 在同级子节点列表中识别元素身份,diff 时复用正确 DOM/Fiber,避免错误状态保留(如输入框内容串行)。key 应 稳定、唯一(如数据库 id),在兄弟节点间唯一即可,不需全局唯一。

【基础使用】

jsx
"qb-hl-comment">// ✅ 稳定 id
{users.map((u) => <UserRow key={u.id} user={u} />)}

"qb-hl-comment">// ❌ 列表会重排/增删时用 index
{users.map((u, i) => <UserRow key={i} user={u} />)}

"qb-hl-comment">// ❌ 每次 render 新 key
{items.

登录查看完整 779

回答讨论

暂无讨论,登录后可抢先发言

本题库更多题目(50)