在 React 中，组件间通信的方式主要取决于组件的层级关系（父子、兄弟、跨层级等）。以下是常见的通信方式及其适用场景： 1. 父子组件通信 (1) Props 传递（父 → 子） 父组件通过 向子组件传递数据或方法。 - 适用场景：父传子数据/回调函数。 - 示例： (2) Refs（父 → 子，直接访问 DOM/实例） 父组件通过 获取子组件的 DOM 节点或实例方法（需配合 ）。 - 适用场景：调用子组件的方法或直接操作 DOM。 - 示例： 2. 兄弟组件通信 (1) 状态提升（通过共同的父组件中转） 将共享状态提升到最近的共同父组件中，通过 props 向下传递状态和修改方法。 - 适用场景：兄弟组件需要共享状态时。 - 示例： (2) Context API 当多个层级的兄弟/跨层级组件需要共享状态时，可使用 Context API 避免逐层 props drilling。 - 步骤：创建 Context → Provider 提供数据 → Consumer/useContext 消费数据。 - 示例： 3. 跨层级/全局通信 (1) Redux / Zustand ...
播面