子组件传对象给父组件_react子组件改变父组件的状态

子组件传对象给父组件_react子组件改变父组件的状态子组件传值给父组件首先子组件(组件名“Child”)内定义一个方法例如sendData=()=>{letdata=‘1234’;this.props.getData(data);//这个this,props.xxx后面的xxx是是在父组件那使用的名字;},然后可以在render函数后使用这个方法或者另外定义一个事件去触发该方法进行传值,之后可在父组件(Parent)内使用这个方法获取拿到的值:Parent组件内:首先定义一个方法getData或者其他什么都可以随

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

子组件传值给父组件

首先 子组件(组件名“Child”)内定义一个方法 例如

sendData = () => {

let data = ‘1234’;
this.props.getData(data); //这个this,props.xxx 后面的xxx是是在父组件那使用的名字;
},
然后可以在render函数后使用这个方法或者另外定义一个事件去触发该方法进行传值,

之后可在父组件(Parent)内使用这个方法获取拿到的值:

Parent组件内:首先定义一个方法getData或者其他什么都可以随便取
,这里的this.getData的这个方法是你随便取的那个,例如getData=this.xxx都可以,但是你这里是this.xxx,父组件内定义的方法就必须名字叫xxx,
然后就是 xxx = (data) => {

console.log(data); //此时就会打印 子组件传给父组件的data ,打印 : ‘1234’
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/197095.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • dumpbin options「建议收藏」

    dumpbin options「建议收藏」dumpbin.exexx.exe /options >x:\\xx.txtoptions:  /ALL  /ARCHIVEMEMBERS  /CLRHEADER  /DEPENDENTS  /DIRECTIVES  /DISASM[:{BYTES|NOBYTES}]  /ERRORREPORT:{NONE|PROMPT|QUE

    2022年6月19日
  • 北航校赛2014 预赛 题解

    北航校赛2014 预赛 题解

    2022年1月28日
  • hadoop怎么分割写入的文件为多个块的,一个map对应一个split分片吗?split与block的关系

    hadoop怎么分割写入的文件为多个块的,一个map对应一个split分片吗?split与block的关系hadoop怎么分割写入的文件为多个块的,一个map对应一个split分片吗?split与block的关系

    2022年4月23日
  • PHP开发环境的搭建——XAMPP的安装与配置(Windows)

    PHP开发环境的搭建——XAMPP的安装与配置(Windows)安装XAMPP进入https://www.apachefriends.org/zh_cn/index.html页面下载XAMPP打开XAMPPControlPanel在XAMPP控制面板中,我们可以看到Service一列的单选框略有不同,“X”表示相应组件还没有设为Windows系统服务;“空白”表示没有安装该组件;此外还有“

    2022年7月12日
  • 【软件工程】详细设计说明书

    【软件工程】详细设计说明书详细设计说明书1引言1.1编写目的说明编写这份详细设计说明书的目的,指出预期的读者。该文档实在概要设计的基础上,进一步的细化系统结构,展示了软件啊结构的图标,物理设计,数据结构设计,及算法设计,详细的介绍了系统各个模块是如何实现的,包括涉及到的算法,逻辑流程等,为下一步系统的实现和测试做准备!1.2背景说明:a.软件名称:机房收费系统;b.本项目的任务提出者:米新江…

    2022年4月30日
  • 无语的准备关时_紧要关头

    无语的准备关时_紧要关头,却不能吹尽弯月沉没的忧伤。我,或许就是忘忧河上撑篙的船夫,孤舟、蓑衣、斗笠,在红尘中摆渡。拾一抹花瓣,从此潇湘谢却,钟声不继。可能真的是前生种下的孽缘,这一生,我们才会狭路相逢,然后,你悄悄偷走我的真爱难找。藕断何必丝连、情断何必怀念,当你离开我的瞬间我才知道你并没有那么的好。藕断何必丝连、情断何必怀念,当你离开我的瞬间我才知道良友虽多,但知己难寻。藕断何必丝连、情断何必怀念,当你离开我的瞬间你

    2022年10月24日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号