甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

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

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

创新互联不只是一家网站建设的网络公司；我们对营销、技术、服务都有自己独特见解，公司采取“创意+综合+营销”一体化的方式为您提供更专业的服务！我们经历的每一步也许不一定是最完美的，但每一步都有值得深思的意义。我们珍视每一份信任，关注我们的成都网站制作、成都做网站质量和服务品质，在得到用户满意的同时，也能得到同行业的专业认可，能够为行业创新发展助力。未来将继续专注于技术创新，服务升级，满足企业一站式全网营销推广需求，让再小的高端网站设计也能产生价值！

class Child extends Component {
　　　 componentDidMount(){
　　　 　　let name = this.props.default;
　　　　　 console,log(name);
　　　 }
　　　 render(){
　　　　　 const { default} = this.props;
　　　 　　return (
　　　　　　　　
　　　　　　)
   }
}
import React, { Component } from 'react';
import Child from './Child';

class Parent extends Component {
  state = {
    name: 'Bob'
  }
  render() {
    return (
      

        
      

    )
  }
}

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

class Child extends Component {
　　　 state={
　　　　　　name:'Bob'
　　　 }
　　　 componentDidMount(){
　　　　　　this.props.toParent(this.state.name);
　　  }
　　　 render(){
　　　 　　return (
　　　　　　　　
　　　　　　)
   }
}
import React, { Component } from 'react';
import Child from './Child';

class Parent extends Component {
　　 state = {
　　　　name:''
  }
  getChildInfo = (name)=>{
　　 　　this.setState({name:name});
　　 }
  render() {
    return (
      

        
      

    )
  }
}

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


网站名称：基于react组件之间的参数传递(详解)
文章源于：http://chengdu.cdxwcx.cn/article/pdsjdp.html

其他资讯