Context使用方法过程记录!!!!

1) 创建Context容器对象:
  

 const XxxContext = React.createContext()  


    
2) 渲染子组时,外面包裹xxxContext.Provider, 通过value属性给后代组件传递数据:
 

   
        子组件
    


    
3) 后代组件读取数据:

    //第一种方式:仅适用于类组件 
      static contextType = xxxContext  // 声明接收context
      this.context // 读取context中的value数据
      
    //第二种方式: 函数组件与类组件都可以
      
        {
          value => ( // value就是context中的value数据
            要显示的内容
          )
        }
      

你可能感兴趣的:(react.js,javascript,html5)