React:密钥的性能提升

Question

我是否需要在这样的部件上添加键

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

React不会抱怨缺少键，因为这些div不是来自数组，但我想知道这是否提高了性能？为了更少的代码，我宁愿不使用它们。

Answer 1

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