反应关键道具不一定

Question

我对PROP密钥有误解 我使用删除选项管理列表 我不使用KEY（或有​​时使用索引名称作为键） 即使我预计会发生问题，一切都可以正常工作

Answer 1

React内部使用key道具来将Component追溯到其各自的虚拟DOM元素。这有助于React减少组件重新渲染的次数，从而使您的应用程序性能更高。来自React docs on keys：

  

键可帮助React识别哪些项目已更改，添加或删除。应该为数组内的元素赋予键，以赋予元素稳定的身份

     

选择键的最佳方法是使用一个字符串，该字符串唯一地标识其同级项中的列表项。通常，您会使用数据中的ID作为键

不需要key道具，但是将其与列表一起使用将有助于显着减少重新渲染Component列表子代的次数。

TL; DR ：始终对列表的子项使用唯一键（例如，在数组上使用map创建组件时）。它可以帮助React，但对于您的应用程序正常运行不是必需的。