react key

2021-01-06  本文已影响0人  一土二月鸟

为什么不能拿数组的index作为react的key

// 修改前
  <li key="0">0</li>
  <li key="1">1</li>
  <li key="2">2</li>

// 删除第一项后
  <li key="0">1</li>
  <li key="1">2</li>
这样会导致1和2都需要重新更新一遍dom,第一项也需要删除,这样整个dom都发生了变化

但如果采用id,删除第一项后为
  <li key="1">1</li>
  <li key="2">2</li>
这样比对key后,发现没有变化则不需要重新更新1和2的dom
上一篇 下一篇

猜你喜欢

热点阅读