react 的无状态组件怎么减少渲染

问题:

今天面试，面试官提了一个问题，无状态组件的无效重复渲染怎么阻止，后面还给我提示跟上一次的值做比较，确定是否渲染，可是无状态组件没有生命周期，怎么拿上一次的比较，希望有大神能帮忙解答一下

回答1:

使用React.memo

https://reactjs.org/docs/react-api.html#reactmemo

React.memo(Comp, (prevProps, nextProps) => {
// ...
// return true or false，返回false重新渲染该组件
})