React JS:如何将值传递给其他组件onSubmit

// 父组件
class ParentComponent extends React.Component {
  render() {
    const value = 'Hello, World!';
    return <ChildComponent value={value} />;
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    const { value } = this.props;
    return <div>{value}</div>;
  }
}

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

// 父组件
class ParentComponent extends React.Component {
  render() {
    const value = 'Hello, World!';
    return (
      <MyContext.Provider value={value}>
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {value => <div>{value}</div>}
      </MyContext.Consumer>
    );
  }
}