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

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

例如椰子虽然有效,但椰子油不起作用,尽管两者都有相似的结果.

奇怪的是,使用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检查器中查看结果

当我点击时,然后单击该框,选项就是

出现

解决方法

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