ReactJs 中何时使用 Hooks、Context 或 Props？
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
在 React 中，Props 用于父组件向子组件传递数据，适合单向通信。Hooks 管理组件内部状态和生命周期，适合单个或一组组件。Context 用于在不相关组件间共享数据，避免多层级传递。结合 Hooks 和 Context 可以简化全局数据访问，提高效率和可扩展性。
🎯
关键要点
-
在 React 中，Props 用于父组件向子组件传递数据，适合单向通信。
-
使用 Props 时，适合创建可重用的组件，传递不同的数据。
-
Hooks 用于管理组件内部状态和生命周期，适合单个或一组组件。
-
使用 useState 管理局部状态，适合不需要在多个组件间共享的状态。
-
使用 useEffect 处理副作用，如 API 调用和更新操作。
-
使用 useMemo 和 useCallback 优化渲染，避免不必要的重新计算。
-
Context 用于在不相关组件间共享全局数据，避免多层级传递。
-
使用 Context 可以简化 Props 钻取，直接访问数据。
-
Context 适合简单的全局状态，如主题和认证，但复杂状态建议使用 Redux。
-
结合 Hooks 和 Context 可以简化全局数据访问，提高效率和可扩展性。
➡️
