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


相关推荐

  • labelImg使用教程

    labelImg使用教程Anaconda环境安装Anaconda之后,在开始菜单下找到Anaconda文件夹找到AnacondaPrompt点击运行安装labelImgpipinstalllabelImg#直接命令行输入启动labelImglabelImg#直接命令行输入名称即可labelImg界面开始标注快捷键:W(创建方框),A(上一张),D(下一张)XML文件示例<annotation> <folder>夜读</folder>

    2022年6月29日
    33
  • java hashmap 遍历删除元素_java 中 HashMap 遍历与删除[通俗易懂]

    java hashmap 遍历删除元素_java 中 HashMap 遍历与删除[通俗易懂]HashMap的遍历方法一、这是最常见的并且在大多数情况下也是最可取的遍历方式/***在键值都需要时使用*/Mapmap=newHashMap();for(Map.Entryentry:map.entrySet()){System.out.println(“Key=”+entry.getKey()+”,Value=”+entry.getValue());}方法…

    2025年8月27日
    8
  • 修改开机启动项_如何设置开机自动启动项

    修改开机启动项_如何设置开机自动启动项点击“开始”,运行“msconfig”(windows7系统,在搜索条中直接输入msconfig,敲回车),弹出“系统配置”窗口,切换到“启动”,会打开到下面的画面。将不想随开机启动的项取消选择,然

    2022年8月3日
    8
  • VS 2015 序列号/密钥/企业版/专业版

    VS 2015 序列号/密钥/企业版/专业版专业版:HMGNV-WCYXV-X7G9W-YCX63-B98R2企业版:HM6NR-QXX7C-DFW2Y-8B82K-WTYJV转载于:https://www.cnblogs.com/bqh10086/p/vs2015.html

    2022年7月20日
    22
  • Linux镜像最全版本下载网站

    Linux镜像最全版本下载网站Linux镜像下载Linux镜像下载地址(国内)网易开源镜像站:http://mirrors.163.com/阿里云官方镜像站:http://mirrors.aliyun.comLinux网站https://www.linux.org/.1.CentOSCentOS官网:https://www.centos.org/.CentOS各个版本下载:https://www.centos.org/.CentOS版本选择:1.DVD版:这个是常用版本,就是普通安装版了,推荐大家安装。里面包

    2022年6月28日
    59
  • ssm框架过时了吗_mybatis分页插件

    ssm框架过时了吗_mybatis分页插件日志如果一个数据库操作,出现了异常,我们需要排错,日志就是最好的助手曾经:sout,debug现在:日志工厂掌握STDOUT_LOGGINGLOG4Jlog4j什么是Log4j?我们可以控制日志信息输送的目的地是控制台我们也可以控制每一条日志的输出格式通过定义每一条日志信息的级别,我们能够更加细致地控制日志的生成过程通过一个配置文件来灵活地进行配置,而不需要修改应用的代码。分页减少数据量selsect * from user limit startIndex,pageS

    2022年8月8日
    4

发表回复

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

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