使用上下文

使用上下文將數據傳遞給子元件，而無需顯式地通過元件傳遞數據（稱為 prop drilling）。上下文對於共享應用程序中各個元件所需的數據非常有用，例如樣式信息、應用程序狀態或當前登錄的用戶。

使用上下文的代碼分為三個部分

• createContextId()：這將為上下文創建一個可序列化的 ID。確保此 ID 在您的應用程序中是唯一的。
• useContextProvider()：在父元件中，調用此方法來發佈上下文值。作為此元件後代的所有子元件（和孫元件）將能夠檢索上下文。
• useContext() 用於檢索上下文並在任何元件中使用它。

在此示例中，我們想將 TodosStore 傳遞給 <Items> 元件。更新代碼以使用 useContext() 檢索值。

上下文通常是儲存，因此它們必須是可序列化的。

下一步useTask$()

編輯教學