如何在React中将状态从子对象传递到父对象？

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

const ParentComponent = () => {
  const [state, setState] = useState('');

  const handleStateChange = (childState) => {
    setState(childState);
  };

  return (
    <div>
      <ChildComponent state={state} onStateChange={handleStateChange} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React, { useState } from 'react';

const ChildComponent = ({ state, onStateChange }) => {
  const [childState, setChildState] = useState('');

  const handleChange = (event) => {
    setChildState(event.target.value);
    onStateChange(event.target.value);
  };

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

export default ChildComponent;