react使用memo详情

React.memo() 是一个高阶组件（Higher-Order Component），用于优化 React 的性能。它与 React.PureComponent 类似，但是仅适用于函数组件。

当组件的 props 没有发生变化时，React.memo() 可以阻止组件的重新渲染，从而提高性能。它接收一个组件作为参数，并返回一个新的组件。新组件与原组件具有相同的功能，但是会使用浅比较（shallow comparison）来比较 props 是否发生了变化。

使用 React.memo() 的方式非常简单，只需要在定义组件时使用它即可：

import React from 'react';

const MyComponent = React.memo(props => {
  /* 组件的代码 */
});

需要注意的是，React.memo() 只是对 props 进行了浅比较，如果 props 中包含复杂的数据结构，可能会导致不必要的重新渲染。此外，React.memo() 只会比较 props 是否相等，而不会比较 props 内容是否相等。如果 props 内容相同但是引用不同，仍然会触发重新渲染。

总之，React.memo() 是一个非常简单但实用的工具，可以帮助我们优化 React 应用的性能。