当上下文在另一个组件中更新时,可以通过useContext在组件中触发重新呈现。useContext是React提供的一个钩子函数,用于在函数组件中访问上下文(Context)的值。
使用useContext的步骤如下:
const MyContext = React.createContext();
<MyContext.Provider value={contextValue}>
{/* 共享上下文的组件树 */}
</MyContext.Provider>
其中,contextValue是要共享的上下文值。
const contextValue = useContext(MyContext);
当上下文的值发生变化时,使用useContext的组件会自动重新呈现,以反映最新的上下文值。
需要注意的是,useContext只能用于函数组件中,不能用于类组件。
关于上下文的更多信息,可以参考腾讯云云开发文档中的相关介绍:React 上下文
领取专属 10元无门槛券
手把手带您无忧上云