在 React-Select 中获取选定的值

Question

我正在尝试实现这个获取用户选择值的示例，但使用的是异步选择版本。

我想获得用户选择的值，但是通过 react-select 上的文档并不清楚该怎么做。如果您将 state 设置为等于 inputValue，那么只要您单击“提交”按钮，inputValue 就会被清除。你回来

" "

代替

user selected value

我不确定如何使用异步选择组件获取用户选择的值。我的 API 数据已成功填充和过滤建议框，但我不知道如何获取所选值。

我尝试了多种方法，最后尝试使用上面链接中的 refs 方法，但存储的值显示为空。而不是存储用户选择的值。这是我损坏的代码和盒子的链接。

任何人都可以帮助或指出我正确的方向吗？

编辑

如果将来有人遇到这个问题，这里是一个工作演示的链接。

Answer 1

所以，你弄错的是 react-select 的道具来获取变化的价值。在您的组件上使用onChange代替。两种道具都有不同的用途。这是可用于 react-select 的所有道具的文档。https://react-select.com/props 试试下面的代码onInputChangeAsyncSelect

textChange = inputValue => { // whole object of selected option 
    this.setState({ inputValue:inputValue.value });
};

render(){
....
        <AsyncSelect
          defaultOptions
          loadOptions={this.promiseOptions}
          onChange={this.textChange} /** onChange triggers only when user change the
           options but onInputChange triggers on each change which is for different
           purpose like for e.g. when user type, fetch similar options **/
          name="options"
        />
}