如何在react js中选择多个值？

import React, { useState } from 'react';

function MultiSelect() {
  const [selectedValues, setSelectedValues] = useState([]);

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

  return (
    <div>
      <label>
        <input
          type="checkbox"
          value="Option 1"
          checked={selectedValues.includes("Option 1")}
          onChange={() => handleCheckboxChange("Option 1")}
        />
        Option 1
      </label>
      <label>
        <input
          type="checkbox"
          value="Option 2"
          checked={selectedValues.includes("Option 2")}
          onChange={() => handleCheckboxChange("Option 2")}
        />
        Option 2
      </label>
      <label>
        <input
          type="checkbox"
          value="Option 3"
          checked={selectedValues.includes("Option 3")}
          onChange={() => handleCheckboxChange("Option 3")}
        />
        Option 3
      </label>
    </div>
  );
}

export default MultiSelect;