如何通过React Hook优化四种组件实现长尾关键词效果？

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

目录+前言+组件抽取+memo+优化组件+React.memo+语法+useCallback+优化组件+useCallback+用途+useMemo+优化+语法+useCallback和useMemo+区别+前言+React Hook+已成为当前最流行的开发模式+React 16.8+以来

目录

• 前言
• 组件抽取
• memo 优化组件
• React.memo 语法
• useCallback 优化组件
• useCallback 作用
• useMemo 优化
• useMemo 语法
• useCallback 和 useMemo 区别

前言

React Hook 已成为当前最流行的开发范式，React 16.8 以后基于 Hook 开发极大简化开发者效率，同时不正确的使用 React Hook也带来了很多的性能问题，本文梳理基于 React Hook 开发组件的过程中如何提高性能。