无法在React本机中更改CheckBox的状态

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

function ParentComponent() {
  const [isChecked, setIsChecked] = useState(false);

  const handleCheckboxChange = () => {
    setIsChecked(!isChecked);
  };

  return (
    <div>
      <ChildComponent isChecked={isChecked} onCheckboxChange={handleCheckboxChange} />
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent({ isChecked, onCheckboxChange }) {
  return (
    <div>
      <input type="checkbox" checked={isChecked} onChange={onCheckboxChange} />
    </div>
  );
}

export default ChildComponent;