反应AsyncSelect onBlur保持输入值

时间:2018-11-21 13:33:53

标签: javascript reactjs react-select

我使用正常的反应选择V2 <Select>

  componentDidMount() {
    this.selectRef.select.onInputBlur = () => {};
  }

以保持输入值,如果用户单击外部某处。但是在将<Select>更改为<AsyncSelect>之后,此操作不再起作用。有帮助吗?

Here is a DEMO在第一个输入中输入一个值,然后单击外部-值仍然存在。在第二次输入时,它消失。

1 个答案:

答案 0 :(得分:1)

尝试将您的componentDidMount()更改为以下内容:

componentDidMount() {
  this.selectRef.select.onInputBlur = () => {};
  this.asyncRef.select.select.onInputBlur = () => {};
}

正常选择和异步选择具有不同的结构,因此这是必要的。