键很重要
本课属于 Coddy React 学习旅程的“基础知识”单元。第 36 课，共 42 课。
map 返回的每个元素都需要一个 key，作为该项稳定且唯一的标签：
{todos.map((todo) => <li key={todo.id}>{todo.text}</li>)}为什么？数组发生变化时，React 会将新列表与旧列表进行比较。键会告诉它每一项分别是什么，这样它就会移动元素，而不是重新创建它们，从而保留状态、焦点和动画。
最佳 key：数据中的真实 ID。可以接受：每个项目中唯一且稳定的任意值（比如我们的水果名称）。最后才考虑使用数组索引。它会在重新排序时出问题，因为位置不等于身份。
亲手试试
这节课没有代码挑战。
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。