如何将状态更改函数传递给组件，然后将该状态传递给父组件？

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

const ParentComponent = () => {
  const [parentState, setParentState] = useState('');

  const handleChildStateChange = (newState) => {
    setParentState(newState);
  };

  return (
    <div>
      <ChildComponent parentState={parentState} onChildStateChange={handleChildStateChange} />
    </div>
  );
};

export default ParentComponent;

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

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

  const handleStateChange = (newState) => {
    setChildState(newState);
    onChildStateChange(newState);
  };

  return (
    <div>
      <input type="text" value={childState} onChange={(e) => handleStateChange(e.target.value)} />
    </div>
  );
};

export default ChildComponent;