javascript - React 是否去掉了关键属性

Question

我有一个片段:

<StackPanel key="123">eureka</StackPanel>

在对象检查器中查看此内容时，我只看到:

<div style="display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start" data-reactroot="">eureka</div>

但我在 React 工具中看到了关键。

在查看生成的 HTML 时，React 是否会删除关键属性？我有时在生成的 HTML 中看到一个关键属性，所以我不确定在什么情况下 React 选择不显示它

Answer 1

是的，React 在内部使用 key 属性来标识列表中的唯一元素，因此它会从最终的 HTML 中删除。

key 在大多数元素上都不是有效的 HTML 属性，因此保留它是无效的。此外， key 本身可能位于 React 组件上，而不是实际的 HTML 元素上，因此在这种情况下它无法被传递。