React 学习之父子组件传值

父组件可以通过props、原型方法向子组件通信，子组件可以通过回调函数、事件冒泡向父组件通信。

1. 父组件向子组件通信

父组件向子组件传值之props方法：

父组件

import React from 'react'
import Child from "../Child";

function CounterHook() {
   
    return (
        <div>
            {/*父子组件传值，props方式*/}
            <Child name={'CounterHook'} />
        </div>
    )
}

export default CounterHook

子组件：

import React from "react";

const Child = ({name}) => {
    return (
        <div>
            <p>子组件得到的值：{name}</p>
        </div>

    )
}

export default Child

2。子组件向父组件传值

子组件向父组件传值之回调函数方法：

父组件：

import React, {useState} from 'react'
import Child from "../Child";

function CounterHook() {
    const [count, setCo