React中使用context的方法详解

什么是上下文？

全局变量就是全局的上下文，全局都可以访问到它；上下文就是你运行一段代码，所要知道的所有变量。

三大件

1. React.createContext(): context 的初始化
2. provider: 提供context的父组件，用来包裹需要context的子组件的
3. 子组件获得context的方法
4. 代码如5：

5. //1.要先创建createContex
   export const UserContext = React.createContext(defaultValue);
   
   
   //2.Provider 指定使用的范围
   
   render() {
       return (
         <UserContext.Provider value={this.state} >
           {this.props.children}
         </UserContext.Provider>
       );
     }
   
   
   
   
   
   
   //最后在子组建使用
   
   import { withContext } from "../../contexts";
   import { UserState, UserContext } from "../../contexts/user";
   
   class TestComponent extends React.Component<UserState, State> {
   
   
   
   }
   
   export default withContext(UserContext)(TestComponent);