如何在子组件中重新呈现父onClick [使用react-hooks ]？

import React, { useState } from 'react';

function ChildComponent(props) {
  // 使用useState创建一个状态变量
  const [count, setCount] = useState(0);

  // 定义一个新的onClick函数，用于重新呈现父组件的onClick事件
  const handleClick = () => {
    props.onClick();
    setCount(count + 1);
  };

  // 返回JSX代码，包含一个按钮和点击次数
  return (
    <div>
      <button onClick={handleClick}>点击我</button>
      <p>点击次数：{count}</p>
    </div>
  );
}

function ParentComponent() {
  // 定义一个父组件的onClick函数
  const handleClick = () => {
    console.log('父组件的onClick事件被触发');
  };

  // 返回JSX代码，包含子组件，并将父组件的onClick函数传递给子组件
  return (
    <div>
      <ChildComponent onClick={handleClick} />
    </div>
  );
}