了解React组件之间的关系
在React中，组件是构建用户界面的基本单位。组件可以包含其他组件，形成父子组件的层级结构。当父组件的状态(state)发生改变时，可能需要通知其子组件进行重新渲染。理解React父组件state改变与子组件重新渲染之间的关系对于正确使用React非常重要。
React组件的状态和重新渲染机制
在React中，组件的状态(state)是指组件内部的可变数据。当组件的状态发生改变时，React会触发组件的重新渲染，即更新组件的UI。子组件的重新渲染也会受到父组件状态改变的影响。
父组件可以通过props属性将自身的状态传递给子组件。当父组件的状态更新时，React会比较新旧状态的差异，并对相关的子组件进行重新渲染。这个过程被称为“协调（reconciliation）”。
使用React中的shouldComponentUpdate生命周期方法控制子组件重新渲染
在React中，子组件的重新渲染是由React自动管理的，但有时候我们希望手动控制子组件的重新渲染，以提高应用程序性能。为此，React提供了一个生命周期方法shouldComponentUpdate()。
shouldComponentUpdate()方法接收两个参数，nextProps和nextState，它们表示组件接收到的即将更新的属性和状态。在该方法中，我们可以根据新旧属性和状态的差异，决定是否重新渲染子组件。例如，我们可以使用浅比较(shallow comparison)来比较新旧属性和状态，从而确定是否进行重新渲染。
使用React.memo()高阶组件进行优化
除了手动控制子组件的重新渲染，React还提供了一个高阶组件React.memo()，用于自动对子组件进行优化。通过使用React.memo()，我们可以将子组件包裹起来，并对其进行浅比较，以确定是否重新渲染。
使用React.memo()时，需要注意传递给子组件的属性必须是不可变的，否则每次父组件状态改变时，都会创建新的属性对象，导致子组件无法进行浅比较。
总结
React父组件状态改变时，子组件会受到影响并重新渲染。我们可以通过控制子组件的重新渲染机制来提高React应用程序的性能。可以使用shouldComponentUpdate()方法手动控制子组件的重新渲染，或者使用React.memo()高阶组件自动对子组件进行优化。了解React组件之间的关系，熟悉父组件状态改变与子组件重新渲染的原理，对于开发高效可靠的React应用至关重要。
