问题标签 [react-select-search]

由于我是新手，我在 react.js 中尝试搜索过滤器。使用 react-search-filter 我尝试过 react-select-search 并且在搜索选项时正在填充

在我输入名称选项后得到填充

我期待我在单击输入按钮时输入的唯一搜索结果。请帮忙谢谢

代码 App.js

数据.js

我正在使用react-select-fast-filter-optionsselect并在搜索任何内容时，即使标签中存在针对它的条目，我也没有得到任何结果。

我已经看到了这个问题，我面临着一个非常相似的问题，但我没有将任何非默认属性传递给react-virtualized-select.

我的代码如下：

我的猜测是，我执行的数据索引react-select-fast-filter-options是使用一些我不知道的隐藏字段完成的。

有什么我想念的吗？

我有以下反应选择组件

这里的字段作为一个对象返回，看起来像

这就是为什么我使用 getOptionLabel 和 getOptionValue 而不是 select 的 value 属性。现在我收到一个名为 activeSortObject 的道具，它具有以下对象

我需要通过 activeSort 名称和 id 对象预填充选择标签。我可以使用 select 中的 value 道具来做到这一点，但由于这不是 {label, value} 的形式，而且我负担不起这样的处理，有人可以建议我如何在这里预填充它。我想在 activeSort 中预填充带有 name 属性的选择标签，并且仍然可以从下拉列表中进行选择。

Multiselect每次用户输入输入以根据搜索查询检索数据时，我都需要向服务器发出请求。

如果我使用固定值设置列表，它可以正常工作并过滤列表。

我尝试filterOptions props在MultiSelect. 问题是，当我按下MultiSelect并开始输入输入时，它会不断调用服务器，直到我清除 MultiSelect 输入的值。停了。

我有产品数据，我正在使用搜索值过滤数据，然后使用过滤后的数据呈现选项。产品数据来自全球 redux 商店作为道具。出于某种原因，下拉列表仅在搜索值为 null 时显示数据，当我开始输入时，它filteredData会更新并且组件也会重新渲染，但选项不显示数据。

我检查了该权利filteredData是否用于映射选项。即使重新渲染组件，选项似乎也不会渲染。

请看下面的代码：

我正在进行国家/地区搜索。react-select我正在使用反应SortableSelect（几乎类似于选择）。当我单击框直到字母数超过 2 时，我想在选择框下方显示“继续输入”框。

通过我输入的字母，它应该显示适当的国家选项，就像搜索国家一样。

我正在使用 react-select 但我无法从下拉列表中删除微调器/箭头。

我可以删除默认分隔符 | 和下拉指示器使用

但是我怎样才能摆脱这些箭头呢？

我有一个用例，我正在使用搜索栏来过滤一些反应本机的文本。如果搜索到的单词出现在任何文本中，则突出显示该单词并显示其左右两侧的某些单词，例如 text : Hi my name is aaron searched: : name

它在 UI 上的外观：...我的名字是...

基本上将显示搜索字符串的左右部分，并突出显示搜索到的部分。还需要将其放在一行中，因此两端都需要有椭圆。我需要帮助才能实现这一目标。

在我的主页上，我有 react-select 组件。它按预期工作。

但是在选择任何值后，如果去另一条路线并回来，React-Select 不会在搜索框中显示该值。虽然，所选值已从下拉菜单中删除。但不只显示在搜索框中。

Cmd如果不按住键，我无法选择多个值

我在组件中使用 SelectSearch

我的handleLessonsChange

然后是状态

我只是迷失了如何选择多个值，例如故事书中的值