如何将输入值从子窗体组件传递到其父组件的状态，以便使用react挂钩提交？

import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (value) => {
    setInputValue(value);
  };

  const handleSubmit = () => {
    // 在这里处理提交逻辑，例如发送数据到服务器
    console.log(inputValue);
  };

  return (
    <div>
      <ChildComponent onInputChange={handleInputChange} />
      <button onClick={handleSubmit}>Submit</button>
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent({ onInputChange }) {
  const handleChange = (event) => {
    onInputChange(event.target.value);
  };

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

export default ChildComponent;