Reactjs :如何自动选择和禁用一些选择框选项，而其他选项是从数组中自动打开以供选择的

import React, { useState } from 'react';

function MyComponent() {
  const [options, setOptions] = useState([
    { label: 'Option 1', value: 'option1', disabled: false },
    { label: 'Option 2', value: 'option2', disabled: false },
    { label: 'Option 3', value: 'option3', disabled: false },
    // 其他选项...
  ]);

  // 处理选择框选项变化的函数
  const handleOptionChange = (value) => {
    // 根据选项值更新禁用状态
    const updatedOptions = options.map((option) => {
      if (option.value === value) {
        return { ...option, disabled: true };
      }
      return option;
    });
    setOptions(updatedOptions);
  };

  return (
    <div>
      {options.map((option) => (
        <label key={option.value}>
          <input
            type="checkbox"
            value={option.value}
            disabled={option.disabled}
            onChange={(e) => handleOptionChange(e.target.value)}
          />
          {option.label}
        </label>
      ))}
    </div>
  );
}

export default MyComponent;