如何从子组件ReactJS更新父状态

import React, { useState } from 'react';

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

  const updateParentState = (value) => {
    setParentState(value);
  };

  return (
    <div>
      <ChildComponent updateParentState={updateParentState} />
      <p>Parent State: {parentState}</p>
    </div>
  );
}

export default ParentComponent;

import React, { useState } from 'react';

function ChildComponent(props) {
  const [childState, setChildState] = useState('');

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

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

export default ChildComponent;