首页 > react,A组件有3个子组件:B,C,D,现在要根据D组件的返回控制B,C,D组件的显示,这样要怎么实现。

react,A组件有3个子组件:B,C,D,现在要根据D组件的返回控制B,C,D组件的显示,这样要怎么实现。

查阅了组件间通信的相关资料,好像是在D组件中加一个回调函数,但具体还是不知道怎么做


试试这样的?

jsfiddle


看了下 @leftstick 的答案,这个解决方案是可行的,你说的返回值可以从 D 组件里这样传进去,然后在 D 组件的 prop 里面的 onHide 里面调用。

  handleClick: function(newValue){
      this.props.onHide(newValue);
  }
<D style={ this.state.style } onHide={newValue => { this.handleHide(newValue) }}></D>
【热门文章】
【热门文章】