React-select.Async不会在onClick上加载选项

时间:2018-10-19 12:26:54

标签: reactjs react-select

我需要一个异步react-select,它将从后端加载Option,用户将可以选择多个选项。但是,当已经输入inputValue并且用户单击选择输入选项时,不会被加载。仅在您键入内容时才会加载它们。

Example code sandbox

Input value stays the same

编辑:答案

要重新加载默认选项,您需要将defaultOptions传递给Async select,而不仅仅是true。这可以通过将defaultOptions设置为componentDidMount中的状态,并在onInputChange中侦听“菜单关闭”操作,然后将defaultOptions设置为其中状态来完成。这样可以确保在安装组件时,将存在defaultOptions,并且在关闭菜单时,将使用新的inputValue重新获得选项。

2 个答案:

答案 0 :(得分:1)

要进行反应选择自动加载内容,您必须提供defaultOptions道具。如果您不自动加载,那么在他们尝试进行过滤之前,它不会发出异步调用。

<AsyncSelect loadOptions={myAsyncMethod} defaultOptions />

答案 1 :(得分:0)

要重新加载默认选项,您需要将defaultOptions传递给Async select,而不仅仅是true。这可以通过将defaultOptions设置为componentDidMount中的状态,并在onInputChange中侦听“菜单关闭”操作,然后将defaultOptions设置为其中状态来完成。这样可以确保在安装组件时,将存在defaultOptions,并且在关闭菜单时,将使用新的inputValue重新获得选项。

Working example