如何将子类componentdidmount中的值返回给reactjs中的父类

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

  // 回调函数，用于接收子组件传递的值
  handleValueFromChild = (value) => {
    this.setState({ valueFromChild: value });
  }

  render() {
    return (
      <div>
        <ChildComponent onValueChange={this.handleValueFromChild} />
        <p>Value from child: {this.state.valueFromChild}</p>
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  componentDidMount() {
    // 获取需要传递给父组件的值
    const value = 'Hello, parent!';
    // 调用父组件传递的回调函数，将值传递给父组件
    this.props.onValueChange(value);
  }

  render() {
    return (
      <div>
        {/* 子组件的内容 */}
      </div>
    );
  }
}