javascript - 如何禁用可创建的 react 选择组件？

我不知道要使用什么 Prop 来禁用可创建的React-select组件，它只是缺少了吗？

我尝试了常规的isDisabled Prop ，但未成功。

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

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

最佳答案

Select组件的isDisabled属性适用于 react-select v2 及更高版本。如果您使用的是 1.x.x 版本，请使用disabled属性禁用选择组件

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

Working demo with v2