子组件传对象给父组件_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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 走近webpack(0)–正文之前的故事

    在前端工作的过程中,只要你接触过vue,angular,react,gulp就一定知道webpack或者听说过或者使用过webpack,但是或许你对webpack的使用方法并不是十分了解,只是会用写好

    2022年3月25日
    40
  • KDD CUP99数据集预处理(Python实现)

    KDD CUP99数据集预处理(Python实现)目录KDDCUP99数据集预处理1、数据集下载2、KDD99网络入侵检测数据集介绍3、基于KDD99数据集的入侵检测分析4、符号型特征数值化5、KDDCUP99数据集预处理(Python实现)KDDCUP99数据集预处理1、数据集下载KDDCUP99数据集2、KDD99网络入侵检测数据集介绍介绍一介绍二3、基于KDD99数据集的入侵检测分…

    2022年10月16日
    1
  • VMware安装Centos7超详细过程(图文)[通俗易懂]

    VMware安装Centos7超详细过程(图文)[通俗易懂]原文:https://www.jianshu.com/p/ce08cdbc4ddb?utm_source=tuicool&utm_medium=referral本篇文章主要介绍了VMware安装Centos7超详细过程(图文),具有一定的参考价值,感兴趣的小伙伴们可以参考一下1.软硬件准备软件:推荐使用VMwear,我用的是VMwear12镜像:CentOS7,如…

    2022年4月27日
    32
  • 解决打不开SQL Server配置管理器的问题[通俗易懂]

    解决打不开SQL Server配置管理器的问题[通俗易懂]最近被SqlServer搞得贼烦,下了俩次SQLSERVER,重装了一次系统,先对这次遇到的问题发一下感慨:深深地意识到权限的重要性了,一般计算机里面的软件都有不同的访问权限,普通用户(Users)、管理员(Administrators)、SYSTEM等等,以不同的身份去对这个软件进行操作时,就会有不同的访问权限,一般Administrator的权限是最大的 1)安…

    2022年7月20日
    17
  • element-ui中upload组件如何传递文件及其他参数

    element-ui中upload组件如何传递文件及其他参数

    2021年10月11日
    51
  • 静态变量存储在那个区? – 转[通俗易懂]

    静态变量存储在那个区? – 转[通俗易懂]一时间忘咯然后就去转载..静态变量存储在__区A全局区B堆C栈D常量区参考答案:A知识点内存到底分几个区?1、栈区(stack)—由编译器自动分配释放,存放函数的参数值,局部变量的值等。2、堆区(heap)—一般由程序员分配释放,若程序员不释放,程序结束时可能由os回收。注意它与数据结构中的堆是两回事,分配方式倒是类似于链表。3、全局区(静态区)(static)—全局变量和静态变量的存储是放在一块的,初始化的全局变量和静态变量在一块区域…

    2022年6月14日
    44

发表回复

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

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