在 React 中，当渲染列表时使用的 key 属性，是否必须要求在整个应用范围内唯一？请说明其唯一性的实际要求范围，并解释背后的原因。
考察说明
考查对 React key 唯一性范围及其作用机制的理解，避免常见误区。
回答思路
- 【回答框架 1】React 的 key 并不要求全局唯一，只需要在兄弟节点（即同一父组件下的直接子元素）中保持唯一即可。它的主要作用是帮助 React 识别哪些项目被更改、添加或删除，从而在协调（diff）过程中高效地复用 DOM 元素。
- 【回答框架 2】key 的唯一性范围仅限于同层兄弟之间，因为 React 的 diff 算法是基于同一层级的节点进行对比的。不同层级的组件或不同父组件下的元素即使有相同的 key，也不会引起冲突，因为它们在虚拟 DOM 树中的位置不同。
- 【回答框架 3】如果使用数组索引作为 key，在列表项顺序变化时可能导致状态错乱，因为索引会随之改变，React 可能错误地复用组件。因此，应优先使用稳定且唯一的标识符，如数据的 id 字段，以确保在插入、删除或重排时组件状态的正确性。
- 【关键点 1】key 只需在兄弟节点中唯一，无需全局唯一。
- 【关键点 2】key 用于 React 的 diff 算法，帮助识别元素变化，提高渲染效率。
- 【关键点 3】使用稳定且唯一的 id 作为 key 比使用索引更安全，可避免状态错乱。
- 【易错点 1】误认为 key 必须全局唯一，导致过度设计（如拼接全局唯一字符串）。
- 【易错点 2】使用数组索引作为 key，在列表顺序变化时可能导致组件状态错误。
- 【易错点 3】忽略同层兄弟唯一性，重复 key 可能导致渲染异常或警告。