zoukankan      html  css  js  c++  java
  • 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> ) } }
  • 相关阅读:
    邪恶的强制数据转换
    知识普及
    判断是否为一个数字
    parseInt
    webpack学习记录
    数组隐藏属性
    elasticSearch基本使用
    elasticsearch安装和部署
    neo4j索引
    spark yarn 提交作业
  • 原文地址:https://www.cnblogs.com/yirancao/p/7474996.html
Copyright © 2011-2022 走看看