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> ) } }
  • 相关阅读:
    SpringBoot连接数据库
    String、StringBuffer、StringBulider的区别和解析
    异常This application has no explicit mapping for /error
    node使用
    JS总结defer与async(一)
    前端项目搭建与知识框架
    git ssh配置总结
    JS算法
    JS数据结构
    Http与Http2与Https区别和联系
  • 原文地址:https://www.cnblogs.com/yirancao/p/7474996.html
Copyright © 2011-2022 走看看