React-58:Context(组件间进行通信)

199 阅读1分钟

context的主要使用场景

  • 适用于下面的A组件和C组件或者A组件和D组件进行通信,至于A组件和B组件进行通信,可以使用props

Context使用步骤(下面的这个只适用于类式组件)

  1. 构造Context容器对象(这个对象要放在父子孙都能访问到的区域)
  2. 通过第一步创建的容器对象调用Provider属性进行包裹(下面的value关键字不能用其他关键字替代)
  3. 需要接收的组件进行声明接收

函数式组件和类式组件通用写法