当前位置: 首页 > news >正文

antd react传值(子传父)

子组件向外抛出一个事件,父组件接收一下事件

子组件  --->   父组件
// tab头部
callback =(key) =>{
      let { childClick } = this.props;
      console.log(key,'tab')
      
      childClick('','', key)
      this.setState({
          key:key
      },() => {
          console.log(this.state.key,'-----key')
      })
  }
父组件接收值
{/* 下拉菜单 */}
  <RightNav
      childClick={this.handleRightNavId.bind(this)}
  >
  </RightNav>

  handleRightNavId(id,key,keying) {
        console.log('子传父值')
        console.log('id', id)
        console.log('key',key)
        console.log('king', keying)
        console.log('子传父值')
        this.setState({
            RightNavId: id,     //id值
            RightNavKey: key,   //key值
            RightNavKeying: keying,
        })
    }

相关文章:

  • 数组对象去重(用reduce方法)
  • 合并数组对象object.assign(目标对象,原对象)
  • vue列表,表格自动滚动
  • mescroll的uni版本, 是在 uni-app 运行的下拉刷新和上拉加载的组件
  • uni-app使用button按钮,设置border:none不起作用
  • js 实现DES加密解密
  • 富文本用js过滤部分标签但保留文本内容代码!
  • uniapp 将 url 地址转化为二维码展示
  • 当JSON.stringify(json)和JSON.parse(json)相互转换报错
  • uni-app实现购物车整套逻辑
  • uni-app实现,预览图片后,保存至相册
  • JS把两个数组对象合并过程解析
  • 时间转换(js将 “2021-07-06T06:23:57.000+00:00” 转换为年月日时分秒)
  • 【uni-app】小程序遇到的坑
  • Ajax原理
  • Apache的基本使用
  • bearychat的java client
  • co.js - 让异步代码同步化
  • create-react-app项目添加less配置
  • CSS实用技巧干货
  • JavaWeb(学习笔记二)
  • java正则表式的使用
  • Joomla 2.x, 3.x useful code cheatsheet
  • k8s如何管理Pod
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • SpiderData 2019年2月25日 DApp数据排行榜
  • Spring框架之我见(三)——IOC、AOP
  • windows下如何用phpstorm同步测试服务器
  • 阿里云ubuntu14.04 Nginx反向代理Nodejs
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 来,膜拜下android roadmap,强大的执行力
  • 排序算法学习笔记
  • 删除表内多余的重复数据
  • 思维导图—你不知道的JavaScript中卷
  • 探索 JS 中的模块化
  • 用jQuery怎么做到前后端分离
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • (4)事件处理——(7)简单事件(Simple events)
  • (4)通过调用hadoop的java api实现本地文件上传到hadoop文件系统上
  • (70min)字节暑假实习二面(已挂)
  • (9)目标检测_SSD的原理
  • (Mirage系列之二)VMware Horizon Mirage的经典用户用例及真实案例分析
  • (二)学习JVM —— 垃圾回收机制
  • (附源码)springboot宠物医疗服务网站 毕业设计688413
  • (一)C语言之入门:使用Visual Studio Community 2022运行hello world
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • ***监测系统的构建(chkrootkit )
  • .bat批处理(三):变量声明、设置、拼接、截取
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .gitignore文件—git忽略文件
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .libPaths()设置包加载目录
  • .Net Core/.Net6/.Net8 ,启动配置/Program.cs 配置
  • .NET delegate 委托 、 Event 事件