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

Question

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

Answer 1

试试这样的？

jsfiddle

Answer 2

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

  handleClick: function(newValue){
      this.props.onHide(newValue);
  }

<D style={ this.state.style } onHide={newValue => { this.handleHide(newValue) }}></D>