问题标签 [react-instantsearch]

我正在尝试使用 react-native 获取新的 Algolia react- instantsearch组件。

我一直在按照指南进行操作，但我完全被卡住了。

基本上，每当我尝试在<SearchBox />组件中添加我的<InstantSearch />组件时，我的应用程序都会因 Expected a component class 而死，得到 [object Object]。

据我所知，我正在连接<SearchBox />连接connectSearchBox器，所以我不确定发生了什么。

代码（我确实有 appId、apiKey 和索引的真实值）：

我正在使用 algolia 的反应即时搜索，并且每次有结果时我都需要显示叠加层。

所以我想通过 algolia 提供的 onSearchStateChange 函数来处理它。但我仍然不知道从哪里获得总点击量。我已经有了一个非常快的想法，就像通过 jquery 提取数字来使用中显示的结果一样。但我不想这样做。您还有其他方法可以建议吗？

我正在使用 Algolia React InstantSearch 和 connectSearchBox 来创建自定义输入。我目前这样做的方式如下：

然后用下面的代码来实例化：

这完美地工作。但是，我想做的是能够将道具传递给 MySearchBox。所以我做这样的事情：

或这个：

但是，运行此代码，我收到以下错误：

MYSEARCHBOX(...)：必须返回一个有效的反应元素（或 NULL）。您可能返回了未定义、数组或其他一些无效对象。

最后，我有什么方法可以将 props 传递给 MySearchBox？

因此，我已经在我的应用程序中成功实现了 React InstantSearch 库，并尝试将过滤器应用于优化列表（以确保显示的过滤器与活动用户相关，并隐藏不相关的过滤器）。我尝试了以下方法：

其中refineList是一个简单的字符串数组（即["A", "B", "C"]）

然而，RefinementList 一直显示所有过滤器选项，而没有应用“transformItems”函数。是不是我误解了“transformItems”的工作原理？

关于这个主题的文档非常稀少，所以我相信它会对图书馆的许多其他用户有所帮助。

我有这个 InstantSearch 的工作演示，但我找不到将结果显示为网格而不是列表的方式。

产品是一张带有结果信息的卡片。我似乎能够访问结果列表的唯一方法是使用 Hits，但这不允许我创建网格。

欢迎任何帮助。

我在实现搜索体验时遇到了问题。

我有一个带有 SearchBar 标题的反应原生屏幕。当我关注 SearchBar 的 TextInput 时，会显示另一个屏幕，其中包含三个嵌套的、位于顶部的选项卡，这些选项卡指示顶部结果和 2 个子组结果。

我想将注意力集中在 SearchBar 中的 TextInput 上，同时仍然能够点击选项卡，显示不同的查询结果。

我使用 react-native-router-flux 进行路由，使用 react-native-search-box 作为 SearchBar。

还有我的搜索栏：

我在 React Native 应用程序上使用 react-instantsearch 模块。我将它用作受控组件，searchState像这样传递：

当我更改类别 ( hierarchicalMenu) 或位置 ( aroundLatLng) 时，这可以正常工作，但是当我更改时，query它对我获得的点击没有影响。

我可以看到query正在传入（通过日志记录和 react-native devtools：

任何想法这里可能出了什么问题？

我正在使用带有 的范围滑块react-instantsearch，并且我正在尝试attributeName使用组件状态中的变量来控制道具。

滑块（代码如下）是从父组件调用的，如下所示：

但是，当我更改 中的currentAttributeName值时state，我遇到了这个错误：

我希望我的用户从可能的属性列表中选择一个属性。有没有办法做到这一点？

ETA：当我尝试在初始渲染时隐藏即时搜索小部件时也会发生此错误，在用户交互后显示它们（例如，在可折叠的中div）。我想这意味着这个问题与状态没有直接关系，但我还不确定更新标题是什么。

我正在阅读我的项目的React InstantSearch文档，我找不到的一件事是添加日期范围以对我的命中列表进行排序的方法。有没有人有运气这样做？假设我有一个createdAt带有 value的字段2017-11-08T09:19:46.310Z和另一个createdAt带有 value的字段2017-11-10T09:19:46.310Z。有没有办法在这两个日期之间获得结果？

提前致谢！

更新：我尝试添加如下<Configure />代码：

现在我收到了这个错误，我的列表不再加载：

这可能与过时的 React Instant Search 有关吗？

所以我在我的反应项目中使用 React InstantSearch，我遇到了一个我似乎无法按日期过滤的障碍。我已按照此处找到的文档按日期进行过滤，但没有返回任何结果。

我将日期存储为 ISO 字符串，只是为了测试功能，我在我的代码中将它们转换为 Unix 时间戳：

ISO 日期与密钥一起存储，createdAt我直接从 Algolia 复制了日期，以确保获得准确的值。但是由于某种原因......没有结果回来，也没有错误。我在这里做错了吗？