介绍 class Child1 extends React.Component {
,构造函数(道具){
超级才能(道具);
this.state 才能=,{
,,文字:& # 39;Child1& # 39;
,,};
,}
,onChange=()=祝辞{
this.setState({才能
,,文字:& # 39;Child1 onchange # 39;
})才能
,}
,componentDidMount () {
this.props.onRef&才能,this.props.onRef(这)
,}
,使(){
return 才能;
,,& lt; div> {this.state.text} & lt;/div>
,,);
,}
} class Child2 extends React.Component {
,构造函数(道具){
超级才能(道具);
this.state 才能=,{
,,};
,}
,使(){
return 才能;
,,& lt; div onClick={this.props.onClick}祝辞Child2
,,);
,}
} 小编给大家分享一下反应兄弟组件调用对方的案例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
最近有一个场景是Child2组件点击让Child1组件里面的状态的值发生改变,Child1是一个公用组件,把里面的状态值改为道具传递,修改内容太多,容易出的错,就想找其他的方法来解决兄弟组件调用方法问题,下面看代码:
Child1是第一个子组件
是第二个子组件,和Child1是兄弟组件;
家里父组件
分析
第一步:在Child1组件的componentDidMount生命周期里面加上this.props.onRef(这),把Child1都传递给父组件,
<李>第二步父组件里面& lt; Child1>以上是“反应兄弟组件调用对方的案例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
