React.js 0.12中的this.key

Question

随着版本0.12的发布，this.props.key组件内部不再可用，但是听起来您可以简单地用替换它，this.key并且一切都将按预期工作。

从React v0.12docs：

这意味着您需要重命名：someElement.props.key-> someElement.key

但是，当我尝试this.key在组件的render（）函数中访问时，出现了undefined。

请参阅我的笔来说明问题：http :
//codepen.io/anon/pen/jaczr?editors=100

也：

渲染时在React内部创建一个React Component的实例。这些实例将在后续渲染中重用，并且可以在您的组件方法中进行访问。

我应该如何访问组件的密钥？

更新

GitHub上存在这个问题，这可以说明很多。感谢HEAP提及它。

Answer 1

文档的实际建议（尽管措辞不佳）是您应该将key其ref视为React的内部组件，并且不能在组件内部访问。如果您需要知道密钥，只需将其作为另一个具有不同名称的属性进行传递，然后this.props照常访问即可。

http://facebook.github.io/react/blog/2014/10/16/react-v0.12-rc1.html#breaking-
change-key-and-ref-removed-from-
this.props

从上面引用：

您不再可以从Component实例本身内部访问this.props.ref和this.props.key。因此，您需要为这些道具使用其他名称。

一个例子是：

<MyComponent key={foo} reactKey={foo} />

然后以进入内部this.props.reactKey。