reactjs - 反应关键道具不是必须的

Question

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

标签： reactjs

Answer 1

React 在内部使用keyprop 来跟踪Component其各自的虚拟 DOM 元素。这有助于 React 进行最少的组件重新渲染，从而使您的应用程序具有更高的性能。来自关于键的 React 文档：

键帮助 React 识别哪些项目已更改、添加或删除。应为数组内的元素提供键，以使元素具有稳定的身份

选择键的最佳方法是使用一个字符串，该字符串在其兄弟项中唯一标识一个列表项。大多数情况下，您会使用数据中的 ID 作为键

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

TL;DR : 始终为列表的子项使用唯一键（例如，在使用map数组创建组件时）。它会对 React 有所帮助，但对于您的应用程序运行来说并不是必需的。