react 组件间的传值

Question

render() { 
    return (
      <div className='home-admin-container'>
        <div className='home-admin-left'>
          <ElectCenterTree {...this.props} />
        </div>
        <div className='home-admin-right'>
          <div className='home-admin-right-content'>
            <GraphPanel />
          </div>
        </div>
      </div>
    );
  }
如上  ElectCenterTree 为一个树形图的组件  每次点击节点都会得到节点ID 我怎么获取这个ID 并把他传到 <GraphPanel> 这个组件里去啊
初学者！！！

Answer 1

render() { 
   const {TreeId} = this.state;
    return (
      <div className='home-admin-container'>
        <div className='home-admin-left'>
          <ElectCenterTree {...this.props} onSelect={(args)=>{
             // 组件输出一个事件，如 onSelect事件，来通知外面信息。
             const {id} = args;
             this.setState({TreeId : id}}
         }} />
        </div>
        <div className='home-admin-right'>
          <div className='home-admin-right-content'>
            <GraphPanel            TreeId = {TreeId}         />
          </div>
        </div>
      </div>
    );
  }