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

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

回答

使用React.memo

reactjs.org/docs/react-api.html#reactmemo" class="uri">https://reactjs.org/docs/react-api.html#reactmemo

React.memo(Comp, (prevProps, nextProps) => {

// ...

// return true or false,返回false重新渲染该组件

})

以上是 react 的无状态组件怎么减少渲染 的全部内容, 来源链接: www.h5w3.com/38046.html

回到顶部