父組件向子組件通信
通過(guò)props傳遞 在父組件中name='我是父組件向子組件傳遞的參數(shù)'
在子組件中通過(guò)this.props.name獲取
與傳遞參數(shù)方法相同弊知,通過(guò)props方法這樣傳遞test={this.onParentClick1}
在子組件中觸發(fā)這個(gè)方法this.props.test();
子組件向父組件通信
在子組件state中定義一個(gè)參數(shù)this.state = {name : '我是子組件向父組件傳遞的參數(shù)' };
在父組件中給子組件綁定ref,如 <Childern ref='childern' />
在父組件中獲取子組件的state,如this.refs.childern.state.name
同樣通過(guò)ref來(lái)獲得览妖,前兩部與傳參方法相同仓犬。
獲取方法的方式也同樣this.refs.childern.onChildenCilck2();
組件之間無(wú)關(guān)聯(lián)的形式與子組件向父組件傳值的方式相同
通過(guò)ref給組件標(biāo)記一個(gè)名字每瞒,同樣通過(guò)this.refs.***.state/function方法相互調(diào)用。