学习笔记：React父子组件之间传值

学习前端中~记录一下今天。 困扰了一晚上 ，React传值的代码。

父组件：App，子组件：Info，先上代码：功能是 把父组件中的age,name两个属性和值传给子组件

App:

import React,{Component, Fragment} from "react";
import Info from "./info";
export default class Hello extends Component{
  constructor(props){
    super(props);
        // 下面是数据
    this.state={
      name:"张三",
      age:18
    }
        // 上面是数据
  }
  render(){
    return <Fragment>
      {/* 这是父组件，下面的代码 意思是 把父组件里state里面的name属性值age属性值传递给子组件 */}
        <Info name={this.state.name} age={this.state.age}/>
    </Fragment>
  }
}

import React, { Component, Fragment } from "react";
class Info extends Component {
    render() {
        return <Fragment>

            <div>{this.props.name}</div>
            {/* 这是子组件接收父组件传过来的值用的 */}
            <div>{this.props.age}</div>
        </Fragment>
        
    }

}
export default Info;