react hook createContext useContext父子组件传参

最新推荐文章于 2024-07-23 17:17:04 发布

前端老实人灬

最新推荐文章于 2024-07-23 17:17:04 发布

阅读量525

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/weixin_45264424/article/details/108367352

版权

react 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

父组件：

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