使用物料UI更改react select中的禁用属性

import React from 'react';
import Select from 'react-select';
import { FormControl, InputLabel, MenuItem } from '@material-ui/core';

const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  { value: 'option3', label: 'Option 3' }
];

const MyComponent = () => {
  const [disabled, setDisabled] = React.useState(false);

  const handleDisable = () => {
    setDisabled(!disabled);
  };

  return (
    <div>
      <FormControl>
        <InputLabel id="demo-select-label">Select an option</InputLabel>
        <Select
          labelId="demo-select-label"
          id="demo-select"
          value={null}
          options={options}
          isDisabled={disabled}
          onChange={(selectedOption) => console.log(selectedOption)}
        />
      </FormControl>
      <button onClick={handleDisable}>
        {disabled ? 'Enable' : 'Disable'} Select
      </button>
    </div>
  );
};

export default MyComponent;