如何在 React 中使用 Context API？

React 的 Context API 是一個很好的工具，可以讓你在應用程式中共享資料，而不需要將資料傳遞到每個組件。它可以讓你在應用程式中的任何地方存取資料，而不需要將資料傳遞到每個組件。

使用 Context API 之前，你需要先建立一個 Context 物件，它可以是一個 JavaScript 物件，也可以是一個函式，用於建立一個新的 Context 物件。

接著，你需要在你的應用程式中使用 React.createContext() 來建立一個新的 Context 物件，並將它儲存在一個變數中：

const MyContext = React.createContext();

接著，你可以使用 MyContext.Provider 來提供資料給你的應用程式中的組件：

最後，你可以使用 MyContext.Consumer 來存取資料：

  {value => /* render something based on the context value */}

使用 Context API 可以讓你在應用程式中共享資料，而不需要將資料傳遞到每個組件，這樣可以減少程式碼的重複，並提高應用程式的效能。