React 複製元件

複製元件

在少數的情況下,某個元件可能想要變更不屬於自己的 props(例如: 修改 this.props.childrenclassName )。
或者是複製多個被傳入的元件。cloneWithProps() 是這件事變的可能。

1
ReactComponent React.addons.cloneWithProps(ReactComponent component, object? extraProps)

複製淺層的 component 然後合併 extraProps 。 Props 被使用和 transferPropsTo() 一樣的方式合併,所以類似像 className 屬性就會被整合進去。

注意:
cloneWithProps 不會轉移 key 屬性至複製的元件中。如果您希望保存 key,請使用 extraProps 物件

1
var clonedComponent = cloneWithProps(originalComponent, { key : originalComponent.props.key });
作者

andyyou(YOU,ZONGYAN)

發表於

2014-09-15

更新於

2021-12-12

許可協議