如何将状态传递给React中的多个其他类

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      status: 'active'
    };
  }

  render() {
    return <ChildComponent status={this.state.status} />;
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return <div>Status: {this.props.status}</div>;
  }
}

// 创建Context对象
const StatusContext = React.createContext();

// 父组件
class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      status: 'active'
    };
  }

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

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <StatusContext.Consumer>
        {status => <div>Status: {status}</div>}
      </StatusContext.Consumer>
    );
  }
}