跨组件通信Context

React 跨组件通信

Context机制

  • 场景:跨组件通信 顶层向任意底层传递数据。
实现
  1. 调用 createContxt方法 得到Provider(提供数据)和Consumer(消费数据)
  2. 通过Provider包裹顶层组件 value属性绑定数据,如果传递多个数据 那就把value包装成一个对象
  3. 通过Consumer包裹底层组件

posted @ 2022-06-27 17:19  HuangBingQuan  阅读(29)  评论(0编辑  收藏  举报