隐藏已在选择框ReactJS中选择的选项

import React, { useState } from 'react';

const SelectBox = () => {
  const [selectedOption, setSelectedOption] = useState('');

  const handleSelect = (event) => {
    setSelectedOption(event.target.value);
  };

  return (
    <select value={selectedOption} onChange={handleSelect}>
      <option value="">请选择</option>
      <option value="option1">选项1</option>
      <option value="option2">选项2</option>
      <option value="option3">选项3</option>
      <option value="option4">选项4</option>
    </select>
  );
};

export default SelectBox;

import React, { useState } from 'react';

const SelectBox = () => {
  const [selectedOption, setSelectedOption] = useState('');

  const handleSelect = (event) => {
    setSelectedOption(event.target.value);
  };

  return (
    <select value={selectedOption} onChange={handleSelect}>
      <option value="">请选择</option>
      <option value="option1" disabled={selectedOption === 'option1'}>
        选项1
      </option>
      <option value="option2" disabled={selectedOption === 'option2'}>
        选项2
      </option>
      <option value="option3" disabled={selectedOption === 'option3'}>
        选项3
      </option>
      <option value="option4" disabled={selectedOption === 'option4'}>
        选项4
      </option>
    </select>
  );
};

export default SelectBox;