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

时间:2019-02-01 04:02:42

标签: javascript reactjs components react-select

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

我尝试了常规的isDisabled道具,但未成功。

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

我想在特定情况下将其禁用。

1 个答案:

答案 0 :(得分:1)

“选择”组件的isDisabled属性适用于反应选择v2 及更高版本。如果您使用的是 1.x.x 版本,请使用disabled属性禁用选择组件

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

Working demo with v2