问题标签 [react-instantsearch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
81 浏览

reactjs - React Instant Search recover right data in function

I work actually in my first React Project for a little startup, an "search and add to your collection" app. For the search feature, i use React Instant Search by Algolia. Everything work find.

Now, for the "add to collection" feature, i know how to do that, but I can not recover the data in my function. I did a little test like this:

So, how can I transmit the information of my const "Hit" to my function "addToCollection" when I click on button.

Thank in advance for your help

0 投票
2 回答
4664 浏览

javascript - 使用 React 按下回车键时单击链接

我已经搜索了一段时间,所以这不应该是重复的。但是,我试图在按下回车键时触发链接点击。

这就是我正在使用的:

搜索输入:

使用 React Instant Search 我想在单击输入时提交输入“值”。目前,我只能在物理单击时提交值:

我可以得到火的链接。但是,当我按下回车键时,如何获得与单击链接相同的功能?关于如何通过 KeyPress 链接到搜索值的任何建议?

0 投票
0 回答
198 浏览

reactjs - SortBy 功能不会按 asc 或 desc 对产品进行排序

我正在尝试从 Algolia 小部件中实现 sortBy 功能,但无法使该功能正常工作

特色价值有效,但其他价值无效。

0 投票
1 回答
82 浏览

javascript - 为什么我不能在状态数组中添加任何值?

我有很多命中,一旦按下命中,我想将它们添加到数组中。但是,据我观察,该数组看起来像是获得了命中的名称,即值。该值在半秒内消失了。

我尝试过诸如构建构造函数之类的方法,并执行诸如

等等

基本上,我想要的是在按下相应的按钮后将命中组件的名称传递给 handleSelect 方法。

0 投票
1 回答
332 浏览

javascript - onChange 和 setState 在我的代码中不能一起工作

我正在尝试构建一个搜索框。但是,当我想在输入内容时设置状态时,该框根本不允许我输入任何内容。

这是调用搜索框组件的类

以下是搜索框组件

如果我在 open & closeDisplay 中评论这两个 setState,它工作正常,它会相应地打印出打开和关闭。但是,一旦启用 setState,输入框根本不允许我输入任何内容。

任何帮助表示赞赏。

0 投票
0 回答
102 浏览

reactjs - 为什么我在尝试删除其他元素时总是删除第一个元素?

我正在尝试编写一个函数,该函数可以删除我选择的组件并在搜索框中显示删除后的结果。但是,当我删除其他项目时,它总是会删除第一个项目。

这是包含搜索框组件的高阶组件

这是搜索框组件的代码

我只是想删除我按下按钮的元素。因此,如果我按下第三个删除按钮,第三个元素将被删除,而第一个元素将持续存在。

我将数组映射到较低级别的组件中,并将目标传递给较高级别的组件。即使我传递目标本身的名称而不是索引,它也会删除目标和第一个元素。与可能的重复问题相比,它的问题是删除最后一个问题,但我的问题将删除第一个和目标问题。

0 投票
1 回答
93 浏览

reactjs - react-instantsearch-dom:: 道具类型失败:提供给“Hits”的“object”类型的无效道具“hitComponent”,预期的“函数”

我已经为“Hit”创建了一个类组件,并将其添加到另一个我使用过 angoli react-instantsearch“Hits”的文件中。检查此代码::

但是给了我一个警告::

警告:道具类型失败:提供给hitComponent的道具类型 无效,应为。objectHitsfunction

我无法将“Hit”转换为功能组件。在这里如何将类组件值用作函数?

0 投票
1 回答
47 浏览

javascript - 按两个项目过滤 react-instantsearch

我确信这可能是一个初学者问题,但是,我试图同时过滤ongoingall_day。怎么能做到这一点.filter()呢?

0 投票
1 回答
952 浏览

react-native - 如何防止来自 Algolia 即时搜索的初始加载在 React Native 中?

我有一个用户集合,我想在用户类型时查询它,但是当我切换到搜索用户屏幕时,即使搜索为空,所有用户都已填充到屏幕上。

我怎样才能防止这种情况,并且仅在客户在搜索框中键入时才将结果发送给客户?

我发现了一些其他链接和资源,但要么它们太旧,对我来说难以理解,要么使用React而不是React Native.

我是一名初学者开发人员,如果您能详细说明解决方案,那就太好了。

这是我的代码:

SEARCH_USER.JS:

InfiniteHits.js:

0 投票
0 回答
93 浏览

javascript - 反应即时搜索 | 阿尔及利亚

我正在尝试使用react instantSearchsearchBox并使用Hits在单独的组件中显示数据,但它不起作用。

为了简化我的想法,我有一个名为的组件Searching navbar和另一个名为Items container.

我想使用搜索框Searching navbar并在Items container

有可能这样做还是我必须坚持使用一个组件?d

这是我用来显示带有结果的搜索框的代码。