父状态更改时，子组件不会更新

在React框架中，当父组件的状态（state）发生改变时，子组件并不会自动更新。这是因为React通过一种称为"虚拟DOM"的机制来管理组件的渲染，以提高性能。在父组件状态发生改变时，React会对比新旧状态，然后只更新发生改变的部分，而不是重新渲染整个子组件。

然而，如果我们希望子组件在父状态更改时也能够更新，我们可以采取以下几种方法：

使用React的生命周期方法：在子组件中，我们可以使用componentDidUpdate()生命周期方法来监听父组件状态的变化。当父组件的状态发生改变时，该方法会被触发，我们可以在这个方法中执行更新子组件的逻辑。例如：

class ChildComponent extends React.Component {
  componentDidUpdate(prevProps) {
    if (prevProps.parentState !== this.props.parentState) {
      // 更新子组件的逻辑
    }
  }

  render() {
    // 子组件的渲染逻辑
  }
}

使用React的Context API：通过使用Context API，我们可以在父组件中创建一个Context，并将父状态作为Context的值传递给子组件。当父状态发生改变时，Context会自动将新值传递给所有订阅该Context的子组件，从而触发子组件的更新。例如：

const ParentContext = React.createContext();

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      parentState: 'value',
    };
  }

  render() {
    return (
      <ParentContext.Provider value={this.state.parentState}>
        <ChildComponent />
      </ParentContext.Provider>
    );
  }
}

class ChildComponent extends React.Component {
  static contextType = ParentContext;

  render() {
    const parentState = this.context;
    // 子组件的渲染逻辑
  }
}