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);