React:按键的性能提升

React: performance gains of keys

本文关键字：性能 React 更新时间：2023-09-26

我需要在等部件上添加密钥吗

<div>
   <div key="upper">
      ...
   </div>
   <div key="lower">
      ...
   </div>
</div>

React没有抱怨缺少密钥，因为那些div不是来自阵列，但我想知道它是否能提高性能？为了减少代码，我宁愿不使用它们。

据我所知，它们并不能提高性能。Arrays中的键就在那里，所以只要键没有改变，React就可以假设整个元素不变。例如，如果您更改了数组，但保留了一些旧值，React可能会尝试重用一些旧元素。