前端开发 React Hooks 常用用法与易混淆对比：用正确心智模型写好函数组件 XanderDING 2026-08-18 25 min 以 React 18+ 函数组件为主线，通过短小示例梳理 useState、useEffect、useRef、useContext、useReducer、useMemo、useCallback、React.memo 与自定义 Hook 的高频场景，并重点解释状态、副作用、引用和性能优化之间最易混淆的边界。文末补充 React 19 的 Action Hooks 学习入口。