react——父孙组件传递数据---1---（一层层传递）函数式组件传递数据

import React, { Component } from 'react'

function ProfilrHeader(props){
    const {name,age}=props;
    return(
        <div>
            <h2>ProfilrHeader内容</h2>
            <h2>{name}____{age}</h2>
        </div>
    )
}
function Profile(props){
    return(
        <div>
            <ProfilrHeader name={props.name} age={props.age}/>
            <span>Profile内容aaaaa</span>
        </div>
    )
}
export default class App extends Component {
    constructor(){
        super();
        this.state={       
            name:"mike",
            age:"18"
        }
    }
    render() {
        const {name,age}=this.state;
        return (
            <div>
                <Profile name={name} age={age}/>
            </div>
        )
    }
}

需要注意的是：

1.（自己写的时候错了的地方）

函数式组件是没有this的，函数式组件中 这句话：

const {name,age}=props;

一定不要写成

const {name,age}=this.props;

函数式组件没有this！！！！！

2.注意两个函数组件中props的写法，一个做了数据解构赋值。一个没有做。都可以传递数据。