基于react组件之间的参数传递(详解)

1、父组件向子组件传递参数

class Child extends Component {
　　　 componentDidMount(){
　　　 　　let name = this.props.default;
　　　　　 console,log(name);
　　　 }
　　　 render(){
　　　　　 const { default} = this.props;
　　　 　　return (
　　　　　　　　<Input />
　　　　　　)
   }
}

import React, { Component } from 'react';
import Child from './Child';

class Parent extends Component {
  state = {
    name: 'Bob'
  }
  render() {
    return (
      <div>
        <Child default={this.state.name} />
      </div>
    )
  }
}

2、子组件向父组件传递参数

class Child extends Component {
　　　 state={
　　　　　　name:'Bob'
　　　 }
　　　 componentDidMount(){
　　　　　　this.props.toParent(this.state.name);
　　  }
　　　 render(){
　　　 　　return (
　　　　　　　　<Input />
　　　　　　)
   }
}

import React, { Component } from 'react';
import Child from './Child';

class Parent extends Component {
　　 state = {
　　　　name:''
  }
  getChildInfo = (name)=>{
　　 　　this.setState({name:name});
　　 }
  render() {
    return (
      <div>
        <Child toParent={this.getChildInfo.bind(this)} />
      </div>
    )
  }
}

以上这篇基于react组件之间的参数传递(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# react  # 组件传递参数  # React传递参数的几种方式  # 聊聊React onClick 传递参数的问题  # 给大家  # 希望能  # 这篇  # 小编  # 大家多多  # default  # props  # componentDidMount  # console  # const  # render  # log  # Component  # class  # pre  # strong  # brush  # extends  # Child  # xhtml 

相关文章： 非常酷的网站设计制作软件,酷培ai教育官方网站？  建站之星展会模版如何一键下载生成？  常州自助建站工具推荐：低成本搭建与模板选择技巧  如何用虚拟主机快速搭建网站？详细步骤解析  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  韩国服务器如何优化跨境访问实现高效连接？  电视网站制作tvbox接口,云海电视怎样自定义添加电视源？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  网站制作企业,网站的banner和导航栏是指什么？  建站之星如何一键生成手机站？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  建站之星Pro快速搭建教程：模板选择与功能配置指南  微信h5制作网站有哪些,免费微信H5页面制作工具？  微信小程序 五星评分(包括半颗星评分)实例代码  湖北网站制作公司有哪些,湖北清能集团官网？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何快速登录WAP自助建站平台？  如何在服务器上配置二级域名建站？  建站之星安装步骤有哪些常见问题？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  建站之星×万网：智能建站系统+自助建站平台一键生成  C++如何编写函数模板？（泛型编程入门）  简单实现Android验证码  开心动漫网站制作软件下载,十分开心动画为何停播？  如何快速搭建二级域名独立网站？  长沙企业网站制作哪家好,长沙水业集团官方网站？  微信推文制作网站有哪些,怎么做微信推文，急？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  免费网站制作appp,免费制作app哪个平台好？  建站之星导航菜单设置与功能模块配置全攻略  建站之星代理如何优化在线客服效率？  外贸公司网站制作哪家好,maersk船公司官网？  如何通过WDCP绑定主域名及创建子域名站点？  网站企业制作流程,用什么语言做企业网站比较好？  唐山网站制作公司有哪些,唐山找工作哪个网站最靠谱？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  网站制作壁纸教程视频,电脑壁纸网站？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  宝塔面板如何快速创建新站点？  常州企业建站如何选择最佳模板？  西安大型网站制作公司,西安招聘网站最好的是哪个？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  北京专业网站制作设计师招聘,北京白云观官方网站？  高端云建站费用究竟需要多少预算？  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  ,制作一个手机app网站要多少钱？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  三星网站视频制作教程下载,三星w23网页如何全屏？