React在构建高性能前端应用时有哪些最佳实践？

本文共计1359个文字，预计阅读时间需要6分钟。

目录 + 1. 非必要组件渲染 + 2. 解决方案之 shouldComponentUpdate + 3. 解决方案之 PureComponent + 4. 解决方案之 React.memo + 5. useMemo 和 useCallback + 1. 非必要组件渲染 + 在 React 工程中，当状态变化时，为了避免不必要的渲染，我们可以采取以下策略：

目录

• 1. 非必要组件渲染
• 2. 解决方案之 shouldComponentUpdate
• 3. 解决方案之 PureComponent
• 4. 解决方案之 React.memo
• 5. useMemo 和 useCallback

1. 非必要组件渲染

在 React 工程中，在改变 React 状态时，我们希望对整个页面的影响越小越好。然而实际情况是更改掉某些属性之后，除了会导致组件本身的重新渲染，也可能会导致其相关的组件也发生重新渲染。