问题标签 [react-instantsearch]

我希望根据与下一个/上一个命中的比较来实现命中之间的分隔符。

我想要完成的一个例子可以在这里找到

我在 React Native 中进行开发，我正在使用 react-instantsearch-native 中的 connectInfiniteHits，但是我在访问给定命中的下一个命中方面遇到了困难。

关于如何实现这一点的任何指示？

问题是所有以前选择的过滤器都被清除了。

例如，最初我单击过滤器 ex: North America 所以我将获得North America的过滤结果。

现在我想要国家过滤器，当点击按钮 ex Select USA时可以看到它

当我单击 Button for ex: Select USA 时，我正在设置状态，因为我想动态渲染它，但问题是先前的状态正在被清除，如何为组件保留先前的状态。

我在整个 React 应用程序中使用了各种变体<CardActionArea onClick={someFunction}>，并且遇到了一个实例，其中单击卡片不会触发 onClick 函数。仅当组件在某个树中呈现时，在应用程序的所有其他部分中它才能按预期工作。我在出现问题的react-instantsearch-dom组件中使用了 Algolia 的组件。

涟漪效应（显示用户点击卡片的动画）在任何情况下都会触发。所以它似乎不像覆盖卡片的透明 div 那样简单。以下是与存在问题的组件树相比的工作组件树：

在职的

点击什么也不做

您可以在上面看到的一件奇怪的事情是两个CardActionArea组件都显示为空onClick。但该功能在大多数情况下仍然有效。

我onClick={() => console.log('click')}用来测试，所以它似乎不是函数本身的问题。任何关于什么可以阻止 onClick 甚至触发的想法或故障排除建议将不胜感激。

编辑：此问题在 iOS Safari 中不会发生，但在 Firefox 中会发生。

编辑 2：由于我对这一点的理解不够好，无法重现它，而且它在代码中似乎并不明显，我正在寻找故障排除建议。Chrome 的开发人员工具中有什么东西可以用来追踪这种行为吗？

我只想显示来自 Algolia 的某些记录。为此，我需要使用一些 Id 过滤列表（我将从其他一些 api 获得）。记录必须在页面加载时显示。有什么选项可以用来过滤未反映在 connectCurrentRefinements 中的列表？

我正在使用 Algolia 开发我的市场，并使用此示例作为支持。 https://react-instantsearch.netlify.app/examples/e-commerce/

在移动模式下，由于有抽屉，过滤器是可见的。

在我的应用程序上，我为每个小部件制作了自定义 UI。例如，当我使用 SearchBox 进行研究并打开过滤器抽屉时，搜索会被重置。

但是当我使用小部件（而不是海关）进行操作时，搜索不会重置。它认为这是我在自定义组件中的错误，所以我尝试使用 Algolia 的文档示例。我有同样的结果

为了遵循我的设计，我真的需要做一个自定义小部件。

有谁知道为什么细化会使用自定义小部件自行重置？

我也尝试过路由 URL，但我有一个带有自定义小部件的无限循环 ^^""

示例：> https://stackblitz.com/edit/react-8dpccc

Algolia 的示例移动首页

在上面的代码中，我试图从 algolia 获取数据，作为搜索结果，但是，我在页面中收到错误为“类型错误，未定义不是对象（评估'client.addAlgoliaAgent'）这个错误是位于 InstantSearch。我不知道是要安装哪个 npm 包还是从任何 npm 包导入。但它在 Instantsearch 中抛出错误“。

我正在 algolia 中构建过滤器 Modal。在那个过滤器模式上，我有一个标准的细化列表（见下面的代码）。当用户在模式上点击“搜索”时，refinementlist 值会丢失（即未应用于我的组件），但没有关于如何存储细化列表输出的指南。

我想要的是在我关闭我的模式时基本上让我的 Refinement 列表值不被清除。

细化列表.js

过滤器.js

MainPage.js

我们正在使用 Algolia (Instant-Search) 在我们的 React 应用程序中进行搜索。现在我们想要进行 A/B 测试来检查不同的用户界面。

据我从文档中了解到，A/B 测试可以用于测试：

1. 测试不同的索引设置
2. 测试不同的搜索参数

那么问题是可以使用 Algolia 对两个不同的 UI 进行 A/B 测试吗？

我正在尝试正确输入来自 algolia 即时搜索的连接列表。

我的自定义 Hits 组件：

当我尝试使用该组件时：

我收到该组件上不存在 onSelectUser 的 TS 错误...当我忽略此 TS 错误时，我看到道具在 SearchResults 组件中可用。

我应该如何正确键入我的组件以确保键入仍然正常工作？

我希望使用 Algolia 在我的 React Native 项目中设置 InstantSearch。我正在使用本教程来学习基础知识。

在它们的RefinementList和InfiniteHits组件中出现了一个参数：refine. 此参数似乎在本教程应用程序的功能中起着关键作用。

refine()我在哪里可以得到这个方法的例子？请帮我提供一些资源。对这种refine()方法的解释也会有所帮助。

谢谢！