React 组件通信有哪些方式？

1. 父子组件通信（Props 和回调函数）

父组件向子组件传递数据通过 Props（属性）实现，子组件通过父组件传递的回调函数向父组件反馈信息。这是 React 中最基础也是最重要的通信方式，适用于直接父子关系的组件。

2. 兄弟组件通信（状态提升）

兄弟组件之间没有直接通信通道，需将共享状态"提升"到它们最近的共同父组件中，由父组件通过 Props 分别向两个子组件传递状态和回调函数，实现数据同步。

3. 跨层级组件通信（Context API）

当组件层级较深（超过 3 层）时，通过 Props 逐层传递数据会产生"Prop Drilling"问题。Context API 允许在组件树中广播数据，任何层级的子组件都可以通过 useContext Hook 直接读取 Context 值，无需中间组件显式传递。

4. 全局状态管理（Redux / Zustand / MobX）

对于在多个不相关组件之间共享的状态（如用户登录信息、主题设置、购物车），使用独立的全局状态管理库是最合适的方案。这类工具提供统一的状态存储、可预测的状态更新和调试工具支持。

5. 组件通信方式的选择原则

• Props 传递：父子组件 1-2 层深度，数据流向清晰
• 状态提升：兄弟组件或较浅的组件树
• Context API：跨多层组件传递但更新频率较低的数据（主题、语言设置）
• 全局状态库：多组件共享、更新频繁、需要调试追溯的复杂状态