react的常用性能优化手段

React 的常用性能优化手段如下：

1. 使用 shouldComponentUpdate 或 React.memo 进行组件优化，避免不必要的渲染。

2. 避免在 render 函数中执行复杂的计算或者操作，可以将其放在 componentDidMount、componentDidUpdate 或者 useEffect 中进行处理。

3. 使用 React.lazy 和 Suspense 进行代码分割，当组件不需要加载时，可以减少页面加载时间。

4. 对于列表数据，使用虚拟化技术，只渲染可见部分的数据，可以减少渲染时间。

5. 使用 Immutable.js 等不可变数据结构，可以避免因为数据的改变而导致组件重新渲染。

6. 避免在 render 函数中使用箭头函数，可以避免不必要的函数创建。

7. 使用 React Profiler 进行性能分析，找出性能瓶颈所在。