在 React 中，组件与组件之间的数据传递和事件交互有哪些常见实现手段？
考察说明
考查对 React 组件通信机制的全面掌握程度，以及在不同场景下选择合适通信方式的判断力。
回答思路
- 【回答框架 1】父子组件通信：父传子通过 props 传递数据，子传父通过回调函数（如事件处理函数）传递数据。这是最基本的通信方式。
- 【回答框架 2】跨层级组件通信：使用 React Context，通过 Provider 提供数据，Consumer 或 useContext 订阅数据，适用于中大型应用中共享全局状态（如主题、用户信息）。
- 【回答框架 3】非嵌套组件通信：可通过状态管理库（如 Redux、Zustand）来统一管理全局状态；也可使用全局事件总线（EventEmitter）实现任意组件间的消息发布与订阅。
- 【回答框架 4】特殊场景通信：使用 ref 获取子组件实例或 DOM 节点（如 useRef、forwardRef、useImperativeHandle）来实现命令式通信，常用于聚焦、测量等操作。
- 【回答框架 5】其他方式：通过 props 逐级传递适用于层级不多的场景；组合组件（Component Composition）通过 children 传递内容实现逻辑复用与通信。
- 【关键点 1】父子通信首选 props 与回调函数，简单明确。
- 【关键点 2】跨层级共享状态优先考虑 Context 避免逐层透传。
- 【关键点 3】复杂跨组件状态建议使用状态管理库或事件总线。
- 【关键点 4】ref 通信适用于需要直接操作子组件的命令式场景。
- 【关键点 5】选择通信方式需权衡数据流复杂度、层级深度和组件复用性。
- 【易错点 1】滥用 Context 会导致组件重渲染频繁，应合理拆分和优化。
- 【易错点 2】事件总线缺乏类型安全和数据流可追溯性，大型项目需谨慎使用。
- 【易错点 3】过度依赖 ref 操作子组件可能破坏声明式编程范式，使代码难以维护。