ReactJS:如何在下拉列表中进行多选？

import React, { useState } from 'react';

const MultiSelectDropdown = () => {
  const [selectedOptions, setSelectedOptions] = useState([]);

  const handleOptionChange = (event) => {
    const { value } = event.target;
    setSelectedOptions((prevSelectedOptions) => {
      if (prevSelectedOptions.includes(value)) {
        return prevSelectedOptions.filter((option) => option !== value);
      } else {
        return [...prevSelectedOptions, value];
      }
    });
  };

  return (
    <select multiple value={selectedOptions} onChange={handleOptionChange}>
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
      <option value="option3">Option 3</option>
      {/* 添加更多选项 */}
    </select>
  );
};

export default MultiSelectDropdown;