react之useContext全局状态管理

本文主要是介绍react之useContext全局状态管理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

react之useContext全局变量的统一控制，总结一下使用方法：

在父页面方法外输出一个context：

export const Context: React.Context<{// 搜索关键词user: any;setUser: React.Dispatch<React.SetStateAction<any>>;
}> = createContext(null as any);

在父页面方法内部创建useState并填入dom中：

  // 初始化全局变量const [user, setUser] = useState<any>(null);return <Context.Provider value={{ user, setUser }}><子页面></子页面></Context.Provider>;

最后各子页面引入并使用：

// Context来自父页面的export
const { user, setUser } = useContext(Context);

这篇关于react之useContext全局状态管理的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---