如何在子组件中发生操作时手动强制父组件重新渲染？

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

function ParentComponent() {
  const [isRender, setIsRender] = useState(false);

  const handleChildAction = () => {
    setIsRender(!isRender);
  };

  return (
    <div>
      <ChildComponent onAction={handleChildAction} />
      {isRender && <p>父组件重新渲染</p>}
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent({ onAction }) {
  const handleClick = () => {
    // 子组件中的操作
    onAction(); // 调用父组件传递的回调函数，触发父组件重新渲染
  };

  return (
    <button onClick={handleClick}>点击触发操作</button>
  );
}

export default ChildComponent;