react 父子传值

父传子方法：　　　　

<Children sendData={this.state.footerData}></Children>

　　

sendData 是那边需要接收的名字

子页面拿值 this.props.sendData

 

子传父：

在事件里直接传数据 updateData 是父组件接收的名字  sendData是传过去的数据

 

this.props.updateData(sendData)

 

　　

父组件里 updataDate 拿值，  可以通过事件拿值，setStyle是自己定义事件名字 

 

<Children updateData={this.setStyle}></Children >

setStyle = (obj) => { console.log(obj }

 

 

父传子， 传递事件,例模态框

父页面

 

 <AntForm
      visible={this.state.visible}
      id={this.state.id}
      onCancel={this.handleCancel}
      onOk={this.handleOk}
 ></AntForm>

 

　　

把事件传递过去,子页面接收

 

<Modal
      title={ !this.props.id ? '添加' : '修改'}
      visible={this.props.visible}
      onCancel={this.props.handleCancel}
      onOk={this.props.handleOk}
> </Modal>