如何使用react挂钩限制多个复选框输入

import React, { useState } from 'react';

const [checkboxes, setCheckboxes] = useState([]);

const handleCheckboxChange = (event) => {
  const { value, checked } = event.target;
  if (checked) {
    setCheckboxes([...checkboxes, value]);
  } else {
    setCheckboxes(checkboxes.filter((checkbox) => checkbox !== value));
  }
};

return (
  <div>
    <label>
      <input
        type="checkbox"
        value="option1"
        checked={checkboxes.includes("option1")}
        onChange={handleCheckboxChange}
      />
      Option 1
    </label>
    <label>
      <input
        type="checkbox"
        value="option2"
        checked={checkboxes.includes("option2")}
        onChange={handleCheckboxChange}
      />
      Option 2
    </label>
    {/* 添加更多的复选框 */}
  </div>
);