8

这里很奇怪。当使用 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 检查器中看到结果

在此处输入图像描述

当我单击离开然后单击该框时，选项是

出现

点击离开然后回来，他们在那里

4

3 回答 3

3

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

于 2019-11-24T19:18:02.833 回答
0

是的，它是filterOption ={false}，输入时要小心，这样你就不会想知道为什么它不适合你 :)

于 2020-01-17T15:10:23.777 回答
-1

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

于 2017-01-06T21:26:57.713 回答