React的memo、useMemo、useCallback如何正确应用？

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

目录 + React.memo的使用 + React.useMemo的使用 + React.memo()和useMemo()的主要区别 + React.useCallback的使用 + memo与useMemo及useCallback的区别 + 避免不必要的effect + React.memo()的使用 + React.memo()是一个高级组件（HOC）

目录

• React.memo怎么用
• React.useMemo怎么用
• React.memo()和useMemo()的主要区别
• React.useCallback怎么用
• memo与useMemo及useCallback的区别
• 防止不必要的 effect

React.memo怎么用

React.memo()是一个高阶组件 (HOC)，它接收一个组件A作为参数并返回一个组件B，如果组件B的 props（或其中的值）没有改变，则组件 B 会阻止组件 A 重新渲染 。