react重新渲染页面的几种方式

使用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()方法来检查是否需要重新渲染