React:如何使所选选项不显示在物料界面自动完成的输入字段中

import React, { useState } from 'react';

const AutoComplete = () => {
  const [options, setOptions] = useState(['Option 1', 'Option 2', 'Option 3']);
  const [selectedOptions, setSelectedOptions] = useState([]);

  const handleInputChange = (event) => {
    const inputValue = event.target.value;
    // 更新已选择的选项
    setSelectedOptions([...selectedOptions, inputValue]);
  };

  const filteredOptions = options.filter((option) => !selectedOptions.includes(option));

  return (
    <div>
      <input type="text" onChange={handleInputChange} />
      <select>
        {filteredOptions.map((option) => (
          <option key={option} value={option}>{option}</option>
        ))}
      </select>
    </div>
  );
};

export default AutoComplete;