在异步搜索中，React-select有时不显示下拉菜单中的选项

Question

这里很奇怪 在异步模式下使用React-Select v1.0.0rc（尽管所有v1.x都会发生错误）在异步模式下使用它搜索API时，有时选项不会显示在下拉菜单中。似乎没有理由解释这种情况的发生，但是某些搜索查询而不是其他查询会发生这种情况。

例如，尽管两个都返回相似的结果，但它可以coconut工作coconut oil，但不能。

奇怪的是，使用React chrome开发人员工具，我可以看到这些选项是在Select的状态下设置的，但它们只是不显示。另外，如果我单击react-select，然后再单击它，则会显示结果（在Firefox和chrome中测试）。这是我的代码和一些截图以说明

<Select.Async name={ this.generateName('ingredient_id')}
          loadOptions={this.getIngredients}
          className="admin-meal-ingredient-search-select"
          autoload={false}
          cache={false}
          multi={false}
          value={this.props.ingredient}
          onChange={this.props.handleIngredientChange}
          placeholder="Search for ingredient" />

在这里您可以看到我输入了一些内容，但没有结果

在这里，您可以在React检查器的options数组中查看结果

当我单击离开然后在框上单击返回时，这些选项是

出现

Answer 1

我找到了一个解决方案，那就是设置filterOptions= {false}