避免 React 中的不必要重新渲染
原文英文，约700词，阅读约需3分钟。
📝
内容提要
提高 React 应用性能的关键是避免不必要的重新渲染。本文介绍了使用 React.memo、避免内联函数、利用 PureComponent、优化 useSelector，以及在类组件中实现 shouldComponentUpdate 等方法来提升性能。
❓
Q&A
如何使用 React.memo 来避免不必要的重新渲染？
使用 React.memo 可以记忆化组件，只有在 props 改变时才会重新渲染。需要实现自定义比较函数以确保正确使用。
为什么要避免在 JSX 中使用内联函数？
内联函数会导致每次渲染时创建新的函数，React 会将其视为新的 props，从而引发不必要的重新渲染。
React.PureComponent 有什么作用？
React.PureComponent 确保组件仅在 props 或 state 改变时重新渲染，从而减少不必要的渲染。
如何优化 useSelector 以减少重新渲染？
在使用 useSelector 时，仅选择必要的状态切片，而不是整个状态，以减少组件的重新渲染。
shouldComponentUpdate 的作用是什么？
shouldComponentUpdate 允许开发者手动控制组件何时重新渲染，从而实现更细粒度的性能优化。
如何通过这些技术提升 React 应用的性能？
通过使用 React.memo、PureComponent、优化 useSelector 和实现 shouldComponentUpdate，可以显著减少不必要的重新渲染，从而提升应用性能。
🏷️
