极客时间返利平台,你可以在上边通过山月的链接购买课程,并添加我的微信 (shanyue94) 领取返现。
每天晚上九点 B站讲解前端工程化直播,并解答相关问题。

# React.memo 中是如何实现性能优化的

Issue

欢迎在 Gtihub Issue 中回答此问题: Issue 630 (opens new window)

当 React 中一个组件进行更新时,它的所有子组件都会进行重新渲染,即便子组件的 props 并未发生任何改变。

React.memo 对子组件默认使用浅比较对比前后两次 props 的变更,若未发生变更则不会重新渲染,因此提高了性能。

可参考以下两个示例,加深理解:

  1. React.memo 和性能优化 (opens new window)。当某个组件状态更新时,它的所有子组件树将会重新渲染。
  2. React.memo 和 React.useMemo 是如何优化性能的 (opens new window)
Last Updated: 11/27/2021, 10:11:48 AM