React AsyncSelect onBlur 保持输入值

Question

正常反应-select V2 <Select> 我使用：

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

在用户点击外部某处时保持输入值。但是在将 <Select> 更改为 <AsyncSelect> 之后，这不再起作用了。有帮助吗？

Here is a DEMO 在第一个输入中输入一个值并单击外部 - 值保持不变。在第二次输入时它消失了。

Answer 1

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

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

普通select和异步select有不同的结构，这就是为什么这是必要的。

React AsyncSelect onBlur keep input value