React 性能优化：8 个实用的技巧

使用 'PureComponent'：'PureComponent' 仅在其 'props' 或 'state' 发生变化时才会重新渲染，避免了不必要的渲染。

使用 'shouldComponentUpdate' 生命周期钩子：手动检查当前组件的 'props' 和 'state' 是否发生变化，以决定是否需要重新渲染。

使用 'React.memo' 函数：类似于 'PureComponent'，但适用于函数组件。

使用 'React.lazy' 和 'Suspense' 组件：按需加载组件，避免一次性加载过多组件导致的性能问题。

使用 'key' 属性：在列表渲染时，使用唯一的 'key' 属性来帮助 React 更准确地识别出哪些组件需要重新渲染。

使用 'shouldComponentUpdate' 或 'React.memo' 进行浅比较：在检查 'props' 和 'state' 是否发生变化时，可以使用浅比较来提高性能。

避免在 'render' 中创建新的函数或对象：创建新的函数或对象会导致额外的内存开销和垃圾回收问题，应该尽量避免。

使用 'shouldComponentUpdate' 和 'PureComponent' 进行子组件的优化：子组件也可以使用上述方法进行性能优化。