父状态更改不更新子属性

componentDidUpdate(prevProps) {
  if (this.props.parentState !== prevProps.parentState) {
    // 更新子组件的属性
    this.setState({ childProp: this.props.parentState });
  }
}

// 创建一个Context
const MyContext = React.createContext();

// 父组件中使用Provider提供数据
class ParentComponent extends React.Component {
  state = {
    parentState: 'value',
  };

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

// 子组件中使用Consumer获取数据
class ChildComponent extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {parentState => (
          // 使用父组件的状态
          <div>{parentState}</div>
        )}
      </MyContext.Consumer>
    );
  }
}