Javascript 通行证；“关键”；反应组分的参数

我试图将名为“key”的参数传递给react组件，但该参数不起作用。如果我使用“keyy”而不是“key”，那么它就工作了

在我看来，“key”是一个受限制的关键字，我不能用它作为参数的名称

这是真的吗

这就是我的例子：

render() {
   <MyComponent key='apple'
                keyy='pear'>
}

render（）{
}

是的，确实如此，键是一个受限制的关键字，不会作为道具传播。

---

键作为反应的提示，但它们不会传递给组件。如果组件中需要相同的值，请将其作为具有不同名称的道具显式传递：

const content=posts.map（（post）=>
);

在上面的示例中，Post组件可以读取props.id，但不能读取props.key

---

阅读更多信息，请参见

是

关键字

保留，这是React用来标识html元素的，它应该是唯一的。这有助于提高性能。 我们应该为每个孩子添加一把钥匙。 这种方法可以处理最小的DOM更改

:

键有助于识别哪些项已更改、已添加或已删除。应为数组中的元素提供键，以使元素具有稳定的标识。数组中使用的键在其同级中应该是唯一的。但是，它们不需要是全球唯一的。键作为一种反应提示，但它们不会传递给组件。如果组件中需要相同的值，请将其作为具有不同名称的道具显式传递

---

键

是保留字

发件人：

键有助于识别哪些项已更改、已添加或已删除。应为数组中的元素提供键，以使元素具有稳定的标识：

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

也很好，并解释了React为什么使用

键

参数，以及它的好处是什么。您会发现，

键

参数是React对账算法的基石

---

除了

键

参数外，还有一些不应使用的保留字，例如：

ref

和

危险的西丁奈html

后一个

危险的setinenerHTML

用于替代DOM

innerHTML

---

查看更多详细信息。

当您使用保留属性时，控制台应明确告诉您这一点

const content = posts.map((post) =>
  <Post
    key={post.id}
    id={post.id}
    title={post.title} />
);