React 组件重新渲染的 5 种方法：优化性能与效率

使用 'setState()' 方法：'setState()' 方法是 React 中最常用的重新渲染页面方式之一。当组件的 state 或 props 发生改变时，通过 'setState()' 方法更新组件状态，React 会自动重新渲染组件。

使用 'forceUpdate()' 方法：'forceUpdate()' 方法强制组件重新渲染，即使组件的 state 和 props 没有改变。但是，使用 'forceUpdate()' 方法可能会导致性能问题，因为它会跳过 React 的优化性能步骤。

使用 'shouldComponentUpdate()' 方法：'shouldComponentUpdate()' 方法用于控制组件是否应该重新渲染。在这个方法中，可以检查组件的 state 和 props 是否发生了变化，如果没有变化，则返回 false，否则返回 true。这样，在组件更新之前，React 会先调用 'shouldComponentUpdate()' 方法，如果返回值为 false，则组件不会重新渲染。

使用 'React.memo()' 函数：'React.memo()' 函数是一个高阶组件，用于优化组件的渲染。它会检查组件的 props 是否发生了变化，如果没有变化，则组件不会重新渲染。

使用 'PureComponent' 组件：'PureComponent' 是 React 中的一个优化组件，它自动实现了 'shouldComponentUpdate()' 方法，可以检查组件的 state 和 props 是否发生了变化，如果没有变化，则组件不会重新渲染。但是，'PureComponent' 只适用于简单的数据类型，对于复杂的数据类型，需要自定义 'shouldComponentUpdate()' 方法来检查是否需要重新渲染。