React-select有时不会在异步搜索

Question

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

E.g 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检查器中查看结果

当我点击时，然后单击该框，选项

出现

Answer 1

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

Answer 2

我正在使用"react-select": "^3.0.4",，不得不添加filterOption={false}道具。