react 中兄弟组件以及跨层级通信

1.兄弟组件通信

也就是说，父组件中有 A，B 组件，它俩是同层级的

实现思路：借助 “状态提升” 机制通过父组件进行兄弟组件之间的数据传递

步骤：

        1. A组件先通过子传父的方式把数据传给父组件

        2.父组件拿到数据后通过父传子的方式再传递给B组件

        A组件  ->  父组件  ->  B组件

父组件中有 A ， B 组件

父组件接收A组件的值，再通过父传子的方式传给B组件值

组件A通过子传父的方式，传递给父组件

2.跨层级通信

也就是说父组件中有 A组件 ，而 A组件 里面有 B组件

步骤：

        1.使用 createContext 方法创建一个上下文对象MsgContext

        2.在顶层组件 (APP) 中通过 MsgContext.Provider 组件提供数据

        3.在底层组件 (B) 中通过 useContext 钩子函数获取数据

实践：

1. 

2. 我们需要把 A组件放入 MsgContext.Provider 标签中

3.