React Hooks 的最佳实践有哪些？

本文共计1030个文字，预计阅读时间需要5分钟。

目录+前言+自定义+Hooks+简单实现+在组件中使用自定义+Hooks+提前阻止+dispatch+触发+优化后再次测试+结论+题外话+前言+在快节奏中使用React Hooks+开发自定义+Hooks+过程中，使用了useEffect+useReducer

目录

• 前言
• 自定义 Hooks 简单实现
• 在组件中使用自定义 Hooks
• 提前阻止 dispatch 触发
• 优化后再测试
• 结论
• 题外

前言

在快乐使用 React Hooks 开发自定义 Hooks 过程中，使用了 useEffect，useReducer，useRef，useCallback 等官方提供的 Hooks，将一些通用逻辑抽离出来，提高代码复用性。

但在组合使用 useEffect，useReducer，React.memo 时，发生了组件在状态未发生变化时触发渲染，因为此动作发生在 mousemove 鼠标移动时，所以组件不必要渲染次数非常多。