React Hooks、副作用与复用
Vue与React 前端开发基础#Python全栈#第八阶段#Vue与React 前端开发基础#React Hooks、副作用与复用约 746 字 · 2 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
普通 Hooks 的调用位置为什么需要遵守规则？
追问 在条件、循环或普通工具函数中调用
useState，会怎样破坏调用对应关系？如何重构这种代码？useEffect 适合处理哪些与外部系统同步的任务？
追问 订阅、计时器与网络同步为什么需要明确生命周期？派生总价或点击提交为何通常不应额外通过 Effect 间接实现？
Effect 的无依赖数组、空数组和指定依赖有哪些不同？
追问 依赖应包含哪些响应式值？为什么不应通过关闭检查规则来掩盖遗漏依赖？
Effect 的清理函数何时执行？
追问 重新运行之前与组件卸载时分别怎样清理？开发环境 Strict Mode 的额外检查会怎样帮助发现遗漏？
Effect 为什么有时会反复执行，甚至形成更新循环？
追问 每次渲染新建的对象、函数与 Effect 内设置状态怎样相互影响？如何先纠正依赖与逻辑再考虑缓存？
闭包中的旧状态怎样影响计时器、监听与异步回调？
追问 函数式更新、正确依赖与 ref 各适合解决什么问题？为什么不是所有值都应放进 ref？
useRef 与 useState 有什么区别？
追问 保存 DOM 引用或计时器 ID 时如何选择？修改 ref 是否会自动更新页面显示？
useMemo、useCallback 与组件 memo 各缓存什么？
追问 什么情况下可能有收益？依赖变化和新对象引用会怎样影响效果，为什么不能把缓存当作业务正确性的保证？
useReducer 适合怎样的状态更新需求？
追问 复杂编辑表单怎样用 action 描述状态变化？reducer 为什么应保持纯函数，而不直接发请求？
自定义 Hook 如何复用逻辑，是否天然共享状态？
追问 实现
usePagination 或 useWindowSize 时，应怎样设计接口与清理？多个调用方如何得到各自状态？核对资料： React useEffect 官方参考。