p标签中key属性的作用是什么？我检查了 dom，我希望看到 taco 列表中每个元素的 p 标签，如 中所示<p taco-1>，但它只是<p>. 任何解释将不胜感激。
{this.props.tacos.map( ( taco, i ) => {
return <p key={ `taco-${ i }` }>{ taco }</p>;
})}
React中html标签中key属性的作用是什么
IT技术
reactjs
2021-05-20 15:41:24
1个回答
react在组件集合中使用它来查看插入了哪些元素，删除了哪些元素以及更新了哪些元素。没有key属性，很难确定如何更新集合。
例如，请参阅下面的组件集合：
<ul>
<li>England</li>
<li>France</li>
</ul>
然后下一个状态告诉 react 渲染：
<ul>
<li>England</li>
<li>Germany</li>
</ul>
有多种方法可以更新 DOM：
- 更改秒的内部文本
<li> - 删除第二个
<li>并添加一个新的
没有key，react不知道选哪个。
您可以在文档中阅读更多内容。