首页 > 其他 > 详细

React父子组件之间的对话

时间:2017-08-01 22:42:54      阅读:329      评论:0      收藏:0      [点我收藏+]

父组件中引入子组件button,通过ref将组件绑定到父组件上,如果是公用模块,可以直接绑定最外层layout层。

<Button
      cb={() => {console.log(‘todo something‘)}}
      text=‘下一步‘
      bgArray={[‘#CDCDCD‘, ‘#73B2E6‘, ‘#0677DA‘]}
      ref={(button) => {
          this.button = button;
      }}
></Button>

子组件中暴露外部调用方式,供外部来改变子组件状态。代码如下:

技术分享

 

 只需要在父组件中调用

this.button.setBg(xx);

就能实现父组件传达给子组件的状态更改。

 

React父子组件之间的对话

原文:http://www.cnblogs.com/mickybg/p/7271102.html

(0)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!