首页 > 其他 > 详细

react 父子传值

时间:2020-04-20 22:03:47      阅读:62      评论:0      收藏:0      [点我收藏+]

父传子方法:    

<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>

 

 

  

 

react 父子传值

原文:https://www.cnblogs.com/yetiezhu/p/12740806.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!