react.memo

React.memo是一个高阶组件（Higher-Order Component），用于优化React函数组件的性能。它可以通过对比前后两次渲染的props来决定是否重新渲染组件。

当使用React.memo包装的组件在接收到新的props时，React会执行浅比较（shallow comparison）来检查前后两次props是否相等。如果props相等，React会阻止重新渲染组件，从而减少不必要的渲染操作，提升性能。

React.memo的使用非常简单，只需要将需要进行性能优化的函数组件作为参数传入React.memo即可。例如：

import React from 'react';

const MyComponent = React.memo(function MyComponent(props) {
  // 组件的渲染逻辑
});

export default MyComponent;

需要注意的是，React.memo只会对props进行浅比较，如果props对象包含复杂的数据结构（如数组或对象），可能会导致不准确的比较结果。在这种情况下，可以通过自定义props比较函数来实现深度比较。

另外，React.memo仅适用于纯函数组件（pure function components），即组件的输出只由输入决定，没有副作用。如果组件内部包含有副作用（如访问DOM、发起网络请求等），则不适合使用React.memo。