React.memo是一种高阶组件，它可以帮助我们优化React函数组件的性能。
React.memo适用于纯函数组件，即组件的输出完全由输入决定，没有任何副作用和依赖外部状态。在这种情况下，只要组件的输入不变，组件就不会重新渲染。
使用React.memo非常简单，只需要将要优化的组件通过React.memo包装一下即可：
{`import React from 'react';
const MyComponent = React.memo(props => {
return {props.text};
});
export default MyComponent;
`}
上面的代码中，MyComponent是一个纯函数组件。通过React.memo将其包装后，如果组件的输入不变，组件就不会重新渲染。
需要注意的是，React.memo只会对props进行浅比较。如果props中包含复杂对象或函数，浅比较可能会产生误判，导致组件不必要地重新渲染。
如果需要对复杂对象或函数进行比较，可以通过传递自定义的比较函数来解决：
{`import React from 'react';
const MyComponent = React.memo(props => {
return {props.text};
}, (prevProps, nextProps) => {
// 比较函数，返回true表示props相等，返回false表示props不相等
return prevProps.text === nextProps.text;
});
export default MyComponent;
`}
上面的代码中，通过自定义的比较函数来比较props，只有当props.text相等时，才认为props相等，从而避免了浅比较带来的误判。