React 基础面试题, React 的 keys 是否需要设置为全局唯一?为什么?

Step 1

Q:: React 的 keys 是否需要设置为全局唯一？为什么？

A:: React 中的 keys 不需要全局唯一，但在同一个列表中的 keys 必须是唯一的。Keys 是 React 用于跟踪哪些项目发生变化、被添加或被移除的标识。唯一的 keys 可以帮助 React 更高效地更新和渲染组件。如果同一个列表中的 keys 不唯一，可能会导致不可预期的行为或渲染性能的下降。

Step 2

Q:: React 中的 keys 的作用是什么？

A:: keys 是 React 用来识别哪些元素改变、被添加或移除的 ID。它们帮助 React 在重新渲染列表时高效地更新 DOM。使用 keys 可以减少不必要的重新渲染，从而提升应用性能。

Step 3

Q:: 什么情况下会导致 React keys 不唯一？如何避免？

A:: 常见情况下，当你直接使用数组的索引作为 key 时，可能会导致 keys 不唯一，特别是在列表的顺序可能发生变化时。避免这种情况的最好方法是使用列表中每个项目的唯一标识符，比如数据库中的 ID。

Step 4

Q:: 使用 React keys 时有哪些最佳实践？

A:: 最佳实践包括：1) 尽量使用稳定且唯一的标识符（如数据库中的 ID）；2) 避免使用数组索引作为 keys，尤其是当列表可能会动态变化时；3) 在组件渲染动态列表时始终确保 keys 的唯一性。