如何禁用可创建的反应选择组件？

Question

我不知道使用什么道具来禁用可创建的反应选择组件，它只是丢失了吗？

我尝试了常规的 isDisabled 属性但没有成功。

<CreatableSelect
  name="serviceOrders"
  className="hide-options"
  value={selectOptions()}
  isDisabled={headerLock}
  onChange={e => {
    this.handleHeaderChange(
      e,
      'serviceOrders',
    );
  }}
  placeholder="Type SO, then press enter..."
  multi
/>

我想在特定情况下禁用它。

Answer 1

Select 组件的propisDisabled适用于React-Select v2及更高版本。如果您使用的是1.xx版本，请使用该disabled属性禁用选择组件

render() {
    return (
      <CreatableSelect
        isClearable
        isDisabled
        onChange={this.handleChange}
        onInputChange={this.handleInputChange}
        options={colourOptions}
      />
    );
  }

使用 v2 进行工作演示