useContext(Context)讓我們能夠使用 Context 提出的 API
它可以接受 React.createContext() 的value作為參數,返回到最新的 Context
我們可以透過建立 React.createContext() 資料,把資料給予 Context,再利用 useContext(Context) 在元件中調用 Context 拿到裡面的資料
const Context = React.createContext({ theme: 'light', name: 'ABC'})
// 元件 1
const ComponentOne = () => {
const context = useContext(Context)
return <div>
{ context.theme }
</div>
}
// 元件 2
const ComponentTwo = () => {
const context = useContext(Context)
return <div>
{ context.name }
</div>
}