React/每日一题

React 每日一题：掌握核心概念与实战技巧 🚀

1. 组件通信的三种方式

   • 父子组件：通过 props 和 useState 实现数据传递
   • 兄弟组件：使用 Context API 或 Redux 进行跨层级通信
   • 祖孙组件：借助 React.memo 优化性能，或使用 Event Bus
   *扩展阅读：[React 组件设计最佳实践](/React/组件设计)*

2. Hooks 的核心规则

   • 只在顶层调用 Hooks：避免在循环或条件语句中使用
   • 不要在嵌套函数中调用 Hooks：确保组件渲染逻辑的可预测性
   • 使用 useEffect 优化副作用：替代 componentDidMount 等生命周期方法
   

3. 状态管理方案对比

   方案	适用场景	优点	缺点
   useState	简单状态存储	简洁易用	无法处理复杂嵌套
   useReducer	复杂状态逻辑	集中管理状态	学习成本较高
   Context API	全局状态共享	无需 props 层层传递	可能导致组件臃肿

   *推荐学习：[React 状态管理进阶](/React/状态管理)*

4. 性能优化技巧

   • 使用 React.memo 防止不必要的组件渲染
   • 通过 useCallback 和 useMemo 缓存计算结果
   • 避免在渲染函数中执行高开销操作
   

每日一题挑战：尝试用 useReducer 重构一个包含复杂表单状态的组件，对比 useState 的实现差异 🧠