如何在React中设置同级组件的状态而不进行更新

const MyContext = React.createContext();

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

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

class ChildComponent extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {value => (
          <div>
            <p>{value}</p>
            <button onClick={() => { /* 在此处更新同级组件的状态 */ }}>更新状态</button>
          </div>
        )}
      </MyContext.Consumer>
    );
  }
}