首次打开异步下拉菜单时加载选项

Question

当我提供loadOptions给Async控件时，它将在安装时加载选项。

如果我通过了，autoload={false}那么它既不会装载选项，也不会装载选项。但是它会在第一次关闭时加载选项（或键入或模糊）。

如果我通过了，onCloseResetsInput={false}那么在我键入某些内容之前它不会加载选项。（在菜单中显示“搜索类型”）

Async提供onOpen处理程序，但在这种情况下我没有找到使用它的方法。（并且react-select@2.0.0-alpha.2没有它）

因此，用户需要键入一个字符，然后将其删除，以查看选项的完整列表。

如何避免这种情况？

沙箱示例：https : //codesandbox.io/s/mjkmowr91j

Answer 1

解决方案演示：https : //codesandbox.io/s/o51yw14l59

我使用了react-select仓库中的这一Async options loaded externally节。

我们首先加载Select的选项，onFocus然后将状态设置为isLoading: true。收到选项时，我们将其保存在状态中并在选项中进行渲染。

我还会跟踪，optionsLoaded以便仅在第一个focus触发触发获取选项的调用。