父传子方法:
<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>
原文:https://www.cnblogs.com/yetiezhu/p/12740806.html