zoukankan      html  css  js  c++  java
  • 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>

      

  • 相关阅读:
    代码规范圣战
    代码复审结果
    个人工程总结
    第一周个人博客作业
    软工课程总结
    软件工程课程的建议
    大泥球你好~
    第一次会议记录
    软件工程的瀑布, 大泥球, 教堂,集市,和银弹
    vs2013——单元测试&& 性能图
  • 原文地址:https://www.cnblogs.com/yetiezhu/p/12740806.html
Copyright © 2011-2022 走看看