如何在reactjs中将一个组件的状态更改为另一个组件？

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

const ParentComponent = () => {
  const [status, setStatus] = useState('状态A');

  const changeStatus = () => {
    setStatus('状态B');
  };

  return (
    <div>
      <h1>父组件</h1>
      <p>当前状态：{status}</p>
      <button onClick={changeStatus}>更改状态</button>
      <ChildComponent status={status} changeStatus={changeStatus} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = ({ status, changeStatus }) => {
  return (
    <div>
      <h2>子组件</h2>
      <p>接收到的状态：{status}</p>
      <button onClick={changeStatus}>更改状态</button>
    </div>
  );
};

export default ChildComponent;