当子组件作为属性传递时，反应状态不会更新/传递给子组件

// 创建上下文对象
const MyContext = React.createContext();

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  render() {
    return (
      // 使用Provider组件包裹子组件，并传递状态
      <MyContext.Provider value={this.state.count}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      // 使用Consumer组件接收上下文中的状态
      <MyContext.Consumer>
        {count => <div>{count}</div>}
      </MyContext.Consumer>
    );
  }
}