如何使react重新呈现复选框

import React, { useState } from 'react';

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

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

  return (
    <div>
      <input
        type="checkbox"
        checked={isChecked}
        onChange={handleCheckboxChange}
      />
      <label>{isChecked ? 'Checked' : 'Unchecked'}</label>
    </div>
  );
}

export default Checkbox;

import React from 'react';
import ReactDOM from 'react-dom';
import Checkbox from './Checkbox';

ReactDOM.render(<Checkbox />, document.getElementById('root'));