在React.js中检索复选框值

import React, { useState } from 'react';

const CheckboxGroup = () => {
  const [checkboxes, setCheckboxes] = useState({}); // 用于保存复选框的值

  const handleCheckboxChange = (event) => {
    const { name, checked } = event.target;
    setCheckboxes({ ...checkboxes, [name]: checked }); // 更新复选框的值
  };

  return (
    <div>
      <label>
        <input
          type="checkbox"
          name="checkbox1"
          value="Checkbox 1"
          checked={checkboxes.checkbox1}
          onChange={handleCheckboxChange}
        />
        Checkbox 1
      </label>
      <label>
        <input
          type="checkbox"
          name="checkbox2"
          value="Checkbox 2"
          checked={checkboxes.checkbox2}
          onChange={handleCheckboxChange}
        />
        Checkbox 2
      </label>
      {/* 其他复选框... */}
    </div>
  );
};

export default CheckboxGroup;