React中的HTML复选框

import React, { useState } from 'react';

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

  // 复选框状态改变时的处理函数
  const handleCheckboxChange = () => {
    setIsChecked(!isChecked);
  };

  return (
    <div>
      <input
        type="checkbox"
        checked={isChecked}
        onChange={handleCheckboxChange}
      />
      <label>选项</label>
    </div>
  );
}

function App() {
  return (
    <div>
      <h1>React复选框示例</h1>
      <CheckboxExample />
    </div>
  );
}