如何通过在parent componet上单击按钮来刷新我的子组件？

import React, { useState } from 'react';

function ParentComponent() {
  const [refresh, setRefresh] = useState(false);

  const handleClick = () => {
    setRefresh(!refresh);
  };

  return (
    <div>
      <button onClick={handleClick}>刷新子组件</button>
      <ChildComponent refresh={refresh} />
    </div>
  );
}

import React, { useEffect } from 'react';

function ChildComponent({ refresh }) {
  useEffect(() => {
    // 在这里执行子组件需要刷新的操作
    console.log('子组件刷新了');
  }, [refresh]);

  return <div>子组件</div>;
}