如何使组合框条目不可选

<select>
  <option value="1">Option 1</option>
  <option value="2" disabled>Option 2 (Disabled)</option>
  <option value="3">Option 3</option>
</select>

<select id="myComboBox">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<script>
  document.getElementById('myComboBox').addEventListener('change', function() {
    if (this.value === '2') {
      this.options[1].disabled = true;
    } else {
      this.options[1].disabled = false;
    }
  });
</script>

import React, { useState } from 'react';

function ComboBox() {
  const [options, setOptions] = useState([
    { value: '1', label: 'Option 1', disabled: false },
    { value: '2', label: 'Option 2', disabled: true },
    { value: '3', label: 'Option 3', disabled: false }
  ]);

  return (
    <select>
      {options.map((option) => (
        <option key={option.value} value={option.value} disabled={option.disabled}>
          {option.label}
        </option>
      ))}
    </select>
  );
}

export default ComboBox;

option:disabled {
  color: #999;
  background-color: #f0f0f0;
}