React如何判断什么时候重新渲染组件？

参考答案：

React组件的重新渲染（re-render）主要基于两个核心概念：props和state。当组件的props或state发生变化时，React会重新渲染该组件。

Props（属性）的改变：当父组件的state或props发生变化，并且这个变化影响到了传递给子组件的props时，子组件会重新渲染。
State（状态）的改变：当组件自身的state发生变化时，组件会重新渲染。这通常通过调用this.setState()方法实现。需要注意的是，setState()是异步的，React会批量更新以提高性能。

除此之外，React还有一些额外的机制来避免不必要的渲染：

ShouldComponentUpdate：这是一个生命周期方法，它返回一个布尔值，用于告诉React是否应该更新组件。如果返回false，那么即使props或state发生了改变，组件也不会重新渲染。这可以用来进行性能优化，避免不必要的渲染。
React.memo：这是一个高阶组件，它会对传入的组件进行浅比较，如果props没有变化，那么就不会触发重新渲染。
PureComponent：这是React提供的一个基类，它内部实现了shouldComponentUpdate，逻辑和React.memo类似，也是进行浅比较来判断是否需要重新渲染。

需要注意的是，React的重新渲染并不意味着DOM的重新渲染。React使用虚拟DOM来比较新旧两棵树，然后计算出最小的差异，最后将这些差异应用到实际的DOM上。这就是React的diffing算法，也是React性能优化的关键之一。