简单React
0 1

在React的渲染过程中,当兄弟节点的key值不同的时候,它们是如何处理的?

【概念释义】

兄弟节点 key 不同时 React 视为不同身份:旧 Fiber 卸载、新 Fiber 挂载(或 move + reorder),state/DOM 不保留。key 相同且 type 相同则 reconcile 复用实例,仅更新 props。列表 diff 用 key 建立旧新映射,避免 O(n²) 乱序比对;错误 index key 在重排时导致错误复用。

【基础使用】

jsx
"qb-hl-comment">// key 不同 → 切换时 remount
{mode === "login" ? (
  <Form key="login" />
) : (

登录查看完整 1125

回答讨论

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

本题库更多题目(50)