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>
    )
}

猜你喜欢

转载自blog.csdn.net/weixin_45264424/article/details/108367352
今日推荐