克隆組件

2019-08-14 14:29 更新

在極少數(shù)應(yīng)用場(chǎng)景中,一個(gè)組件可能想改變另一個(gè)它不擁有的組件的props(就像改變一個(gè)組件的className,這個(gè)組件又作為this.props.children傳入)。其它的時(shí)候,可能想生成傳進(jìn)來(lái)的一個(gè)組件的多個(gè)拷貝。cloneWithProps()使其成為可能。

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

做一個(gè)component的淺復(fù)制,合并extraProps提供的每一個(gè)props。classNamestyle props將會(huì)被智能合并。

注意:

cloneWithProps并不傳遞key到克隆的組件中。如果你希望保留key,將其添加到extraProps對(duì)象:

var clonedComponent = cloneWithProps(originalComponent, { key : originalComponent.key });

ref也一樣不會(huì)保留。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)