了解 useContext React hook 的用途,以及如何使用它!

如果您對 React hooks 還不熟悉,請先查看我的React hooks 簡介

在 React 中,我有時會使用一個叫做 useContext 的 hook。

import React, { useContext } from 'react'

這個 hook 與 React Context API 搭配使用。

特別是,這個 hook 允許我們獲取當前的 context 值:

const value = useContext(MyContext)

這個值是指最接近的 <MyContext.Provider> 組件。

調用 useContext 還會確保在 context 值發生變化時重新渲染組件。

我建議您閱讀我的Context API 教程以更深入地了解它。