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时，反应是否会删除密钥属性？我有时在生成的HTML中看到了一个关键属性，所以我不确定在什么情况下反应选择不显示它

Answer 1

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

key在大多数元素上都不是有效的HTML属性，因此将其保留为无效。此外，密钥本身可以在React组件上而不是在实际的HTML元素上，因此在这种情况下它无法通过。