列表渲染与稳定标识

用可重排任务列表复现下标 key 导致的输入错位，理解 React 按 key 配对复用的机制，选出真正稳定的业务标识。

React核心约 25 分钟

学习目标

用 map 渲染列表并解释 key 在新旧元素配对中的作用
演示并解释下标 key 在插入、删除、排序时造成的输入错位与状态错位
为列表数据选择或生成唯一且稳定的业务标识

课时

1列表渲染与稳定标识约 25 分钟未开始

相关练习

C03 可重排列表

先修课程

R05 条件渲染与状态分支

知识点

列表渲染key稳定标识下标 key 陷阱

参考资料

内容版本 1.0.0，核验于 2026-10-26