react跨层级组件通信

React 中的跨层级组件通信通常通过以下几种方式实现：

1. Props（属性）：这是最直接的方式。父组件可以直接将数据作为 props 传递给子组件。当需要更新子组件的状态时，可以改变父组件的 prop。

2. Context API：对于那些在整个应用中共享的数据，可以创建一个 React Context。这样，任何组件都可以通过 useContext 函数访问到这些值，无需向上层层级查找。

3. Redux（状态管理库）：当状态需要在多个层级之间共享，并且需要更复杂的状态管理和全局化的控制时，可以采用 Redux。Redux 提供了一种中心化的状态存储，所有组件都可以订阅并获取状态变化。

4. 使用回调函数或事件：子组件可以在特定操作完成后触发一个自定义事件，父组件监听这个事件并在接收到通知后处理相应的行为。

5. Parent-Child API（受控组件）：利用 React 的 Refs 和 useState、useEffect 等 Hook，子组件可以暴露一个方法给父组件调用，实现双方交互。