相反,请看Vennesa的答案,这是一个更好的解释。
首先,该React.cloneElement
示例仅在您的孩子是单个React元素时才有效。
几乎所有东西{this.props.children}
都是您想要的。克隆在一些更高级的场景中很有用,在该场景中,父级发送一个元素,子级组件需要更改该元素上的一些道具或添加诸如ref之类的东西,以访问实际的DOM元素。
在上面的示例中,给孩子的父级不知道该组件的密钥要求,因此它创建了给定的元素的副本,并基于对象中的某些唯一标识符添加了密钥。有关按键作用的更多信息:https : //facebook.github.io/react/docs/multiple- components.html