笔记五十二：react hook createContext useContext父子组件传参

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

父组件：

import React , {createContext}from "react";

//引入子组件
import {HookChild} from "../../components/hookChild"
export const MyContext=createContext();//定义父组件

//jsx:
<div>
	<MyContext.Provider value={{
                       count:count,
                       name:"张三"
                     }}> 
                    <HookChild /> 
	 </MyContext.Provider>
</div>

子组件：

import React , {useContext}from "react";
import {MyContext} from "../../pages/Hook"
 
export let HookChild=()=>{
    let params=useContext(MyContext)//接收参数
    return (
        <div>
            我是子组件：{params.name}{params.count}
        </div>
    )
}