在其同级中是唯一的，因此直接在其父级之下。然而，父组件的子组件可以再次使用相同的键，因为最后，react 将从当前组件的键及其所有祖先的键中组合出完整的键。下面的示例仅包含自动生成的密钥，但如果您提供自己的密钥，则会改为使用它。

您可以在 Chrome 开发人员工具（标签元素）中查看组合 ID。

是的，看起来像……如果你重新设置它的父级，它会给出不同的 reactid（例如http://webcloud.se/react-sortable/nested.html）

并将再次卸载/重新安装。...

http://jsfiddle.net/46x0j6uq/1/

,componentWillUnmount: function() {
 //console.log("unmounted:", this.props);
 clearInterval(this.state.intervalId);
 clearTimeout(this.state.timeoutId);
}
,componentDidMount: function(){
  // console.log("mounted:", this.props);
  this.state.intervalId = setInterval(this.incrementCount, 1000);
 this.state.timeoutId = setTimeout(this.setColorToBlack, 300);
}

因此，最好不要在视图组件本身中存储状态，因为它可能会自行重置。上面的小提琴只是一个演示来证明一个观点。

其他相关链接： 使用键识别 React.js 中的嵌套组件

我确实希望 React 有一些东西可以考虑超出同一级别的作用域/嵌套关键状态，但我想再次卸载/重新安装的性能应该不会太有害。