本文共 877 字，大约阅读时间需要 2 分钟。

1、 父组件

父组件：import PropTypes from 'prop-types'  // 声明Context对象属性  static childContextTypes = {    propA: PropTypes.string,    methodA: PropTypes.func  }    // 返回Context对象，方法名是约定好的  getChildContext () {    return {      propA: 'propA',      methodA: () => 'methodA'    }  }子组件：Ï // 为了在子组件中抓取context, 我们需要告诉React我们想要访问context    // 我们通过在子组件中定义 contextTypes 和 React交流    static contextTypes = {        users: PropTypes.array    }    render(){    const {users} = this.context    }

 方式2:react16.3之后有了新的方法

父组件// export const { Provider, Consumer } = React.createContext("默认名称");
           
    
          
     
父组件定义的值:{camera}
          
             
    
      
         
   Ï自组件import { Consumer } from "./index";//引入父组件的Consumer容器           
   
            {(context) =>          
    
            
     
子组件。获取父组件的值:{context}
            {/* 孙组件内容 */}            
               
    
        }      
   

转载地址：http://qemsi.baihongyu.com/