如何在其他组件中将值从子组件传递到父组件？

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

  handleChildValue = (value) => {
    this.setState({ value });
  }

  render() {
    return (
      <div>
        <ChildComponent onValueChange={this.handleChildValue} />
        <p>从子组件传递的值：{this.state.value}</p>
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleChange = (event) => {
    const value = event.target.value;
    this.props.onValueChange(value);
  }

  render() {
    return (
      <input type="text" onChange={this.handleChange} />
    );
  }
}

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

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

  handleChildValue = (value) => {
    this.setState({ value });
  }

  render() {
    return (
      <MyContext.Provider value={{ value: this.state.value, onValueChange: this.handleChildValue }}>
        <ChildComponent />
        <p>从子组件传递的值：{this.state.value}</p>
      </MyContext.Provider>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {({ value, onValueChange }) => (
          <div>
            <input type="text" onChange={(event) => onValueChange(event.target.value)} />
            <p>从父组件传递的值：{value}</p>
          </div>
        )}
      </MyContext.Consumer>
    );
  }
}