(精华2020年5月25日更新) react基础篇 react-hooks的useContext用法

最新推荐文章于 2024-08-02 10:21:35 发布

2b勿扰

最新推荐文章于 2024-08-02 10:21:35 发布

阅读量1.5w

点赞数

分类专栏： (持续更新)react基础篇文章标签： reactjs

本文链接：https://blog.csdn.net/weixin_41181778/article/details/106324276

版权

(持续更新)react基础篇专栏收录该内容

20 篇文章 1 订阅

订阅专栏

import React , {useContext} from 'react'

const UseContext = ()=>{
    
    const UseContextCon = React.createContext({})
    const Son = () =>{
        const {name}  = useContext(UseContextCon)
        return (
            <p>我是son组件 我的名字是{name}</p>
        )
    }
    const Child = () =>{
        const {name}  = useContext(UseContextCon)
        return (
            <p>我是child组件 我的名字是{name}</p>
        )
    }
    return (
        <UseContextCon.Provider value={{name:'context'}}>
            <Son />
            <Child/>
        </UseContextCon.Provider>
    )
}

export default UseContext