在 React 应用里，如果两个组件是兄弟关系，它们之间有哪些常用的通信方式？

回答思路

1. 【回答框架 1】兄弟组件通信的核心思路是借助共同父组件作为桥梁：父组件通过状态提升保存共享数据，用回调函数把子组件的事件上抛，再通过 props 把数据或更新函数传给另一个兄弟，形成单向数据流。
2. 【回答框架 2】如果兄弟层级较深或状态被多个非直接关联组件共享，可引入全局状态管理方案，如 Context API 或 Redux、Zustand 等。Context 适合中等规模、更新频率不高的场景；Redux 强调单一数据源和可预测更新，但样板代码多；Zustand 更轻量。
3. 【回答框架 3】也可使用事件总线（如 mitt、EventEmitter）实现兄弟间直接通信，但会脱离 React 数据流，增加调试和追踪难度，通常不推荐在大型应用中使用。
4. 【回答框架 4】选择依据：兄弟距离近、状态简单时优先用父组件提升；状态复杂或跨层级共享时用 Context 或状态库；事件总线仅用于临时解耦或非关键路径。
5. 【回答框架 5】无论哪种方案，都要保持数据流向清晰，避免过度设计；状态提升是 React 官方推荐的基础方式，全局方案应基于实际需求引入。
6. 【关键点 1】兄弟组件通信首选通过共同父组件进行状态提升和回调传递。
7. 【关键点 2】Context API 适合跨层级共享但更新频繁时需注意性能。
8. 【关键点 3】Redux 等状态库提供集中管理，但增加复杂度，需权衡。
9. 【关键点 4】事件总线可实现直接通信，但破坏单向数据流，不推荐默认使用。
10. 【关键点 5】方案选择取决于状态共享范围和更新频率。
11. 【易错点 1】不要直接修改兄弟组件的 props 或 state，应通过父组件统一管理。
12. 【易错点 2】Context 值变化会导致所有消费组件重渲染，需用 memo 或拆分 Context 优化。
13. 【易错点 3】事件总线容易造成内存泄漏和隐式依赖，需手动清理监听。