本文共 485 字，大约阅读时间需要 1 分钟。

写动态子组件的时候，如果没有给动态子项添加 key prop，则会报一个警告。这个警告提醒我们，每个子组件在数组或迭代器中都必须有一个唯一的 key prop。

key prop 的作用是标识当前项的唯一性，用于实现虚拟DOM diff。如果没有 key，React 无法正确识别每个子组件的身份，从而导致不必要的渲染，影响性能。

在成绩排名榜单的例子中，假设我们要求能渲染 5000 项且频繁更新，要正确使用 key，避免每次生成随机序号带来的高效性问题。直接使用 sid 是最优选择，因为 sid 是唯一且能准确标识每个学生。

当 key 重复时，React 只会渲染第一个相同 key 的项，并报警。因此，必须确保每个 key 独特且有依据。对于多个渲染组件，如 first 和 second，使用 React 插件 createFragment 提供唯一标识。

总结，key 的作用是优化 rendering performance，确保 React 只重新渲染变化部分的子组件，提升用户体验。正确使用 key，包括唯一性和依据性，是React应用中的关键知识。