子组件传对象给父组件_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’
}

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 使用line_profiler查看api接口函数每行代码执行时间

    使用line_profiler查看api接口函数每行代码执行时间

  • qmake:配置qmake

    qmake:配置qmake一、属性qmake有一个持久化配置系统,它允许在qmake中设置一次属性,并在每次调用qmake时查询它。可以在qmake中设置一个属性:qmake-setPROPERTYVALUE您可以从qmake检索此信息,如下所示:qmake-queryPROPERTYqmake-query//列出内置属性以下是内置属性:QMAKE_SPEC:在主机构建期间解析并存储在QMAKESPEC变量中的主机mkspec的短名称

  • Android preference_android:orientation=”vertical”

    Android preference_android:orientation=”vertical”【正文】一、PreferenceFragment的引入:PreferenceActivity是一个非常有用的基类,当我们开发Android项目时避免不了选项设置,这些设置习惯用Preference来保存。Android专门为这种Activity提供了便捷的基类PreferenceActivity。如果继承自Preference则不需要自己控制Preference的读写,Preference

  • pycharm py文件运行后停止按钮变成了灰色[通俗易懂]

    pycharm py文件运行后停止按钮变成了灰色[通俗易懂]这两天被这个问题折磨得要死,把pycharm卸载了还是没解决,后来终于在一篇博客中看见,然后终于解决了问题界面如下:1.每次运行后都会跳出一个pythonconsole,并且前面还会显示一大堆奇怪信息:importsys;print(‘Python%son%s’%(sys.version,sys.platform))sys.path.extend2.右上角…

  • 解决VS2005打开js,css,asp.php等文件,中文都是乱码的问题

    解决VS2005打开js,css,asp.php等文件,中文都是乱码的问题

    2021年11月17日
  • 世界名着100部简介

    世界名着100部简介01、傲慢与偏见      02、孤星血泪      03、雾都孤儿        04、唐·吉诃德  05、安娜·卡列尼娜      06、飘      07、简·爱       08、悲惨世界  09、茶花女      10、基督山恩仇记      11、童年         12、这里的黎明静悄悄  13、钢铁是怎样炼成的

发表回复

您的电子邮箱地址不会被公开。

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