确定在ReactJS中至少选中一个复选框的时间

import React, { useState } from 'react';

const CheckboxList = () => {
  const [selectedValues, setSelectedValues] = useState([]);

  const handleCheckboxChange = (value) => {
    if (selectedValues.includes(value)) {
      setSelectedValues(selectedValues.filter(val => val !== value));
    } else {
      setSelectedValues([...selectedValues, value]);
    }
  };

  const handleButtonClick = () => {
    if (selectedValues.length === 0) {
      alert('请至少选择一个复选框');
    } else {
      // 执行相应的操作
    }
  };

  return (
    <div>
      <label>
        <input type="checkbox" value="选项1" onChange={() => handleCheckboxChange('选项1')} />
        选项1
      </label>
      <label>
        <input type="checkbox" value="选项2" onChange={() => handleCheckboxChange('选项2')} />
        选项2
      </label>
      <label>
        <input type="checkbox" value="选项3" onChange={() => handleCheckboxChange('选项3')} />
        选项3
      </label>
      <button onClick={handleButtonClick}>确定</button>
    </div>
  );
};

export default CheckboxList;