使用上下文
使用上下文将数据传递给子组件,而无需显式地通过组件传递(称为道具传递)。上下文对于共享整个应用程序中组件所需的數據很有用,例如样式信息、应用程序状态或当前登录的用户。
使用上下文的代码分为三个部分
createContextId()
:这将为上下文创建一个可序列化的 ID。确保此 ID 在您的应用程序中是唯一的。useContextProvider()
:在父组件中,调用此方法以发布上下文值。所有作为此组件后代的子组件(以及孙子组件)都将能够检索上下文。useContext()
用于检索上下文并在任何组件中使用它。
在此示例中,我们希望将 TodosStore
传递给 <Items>
组件。更新代码以使用 useContext()
来检索该值。
上下文通常是存储,因此它们必须是可序列化的。
编辑教程