如何在激活其他组件中的道具后重新渲染已渲染的组件

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

const ParentComponent = () => {
  const [isPropActive, setIsPropActive] = useState(false);

  const activateProp = () => {
    setIsPropActive(true);
  };

  return (
    <div>
      <button onClick={activateProp}>激活道具</button>
      <ChildComponent isPropActive={isPropActive} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ isPropActive }) => {
  return (
    <div>
      {isPropActive ? <p>道具已激活</p> : <p>道具未激活</p>}
    </div>
  );
};

export default ChildComponent;