如何在React上将父对象的状态从子对象的状态更改？

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

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

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

export default ParentComponent;

import React from 'react';

function ChildComponent({ parentState, setParentState }) {
  const handleStateChange = () => {
    setParentState('new state');
  };

  return (
    <div>
      <p>Parent State: {parentState}</p>
      <button onClick={handleStateChange}>Change Parent State</button>
    </div>
  );
}

export default ChildComponent;