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

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