问题标签 [react-instantsearch]

使用 React InstantSearch，我正在尝试 a) 使用自定义搜索框和 b) 访问 searchState（以确定用户是否正在搜索）。

当在搜索框中输入内容时，此代码会导致Maximum update depth exceeded。如评论中所示，替换CustomSearch为默认值Searchbox可以解决问题。

Codesandbox：https ://codesandbox.io/s/algolia-react-forked-rwz22?file=/src/Search.js:253-886

这是connectSearchBox文档，这里是关于受控模式下的 InstantSearch 的简短描述。

我正在使用 algolia 在 WordPress 中进行搜索。我想在呈现搜索结果后获取所有搜索查询，如搜索参数、搜索方面。

为了实现这一点，我正在做这样的事情

它只显示初始搜索查询。但是当我尝试更新搜索时，它也没有显示更新的搜索。它也不会返回任何方面过滤器搜索的属性。那么有人可以告诉我如何在呈现搜索后获取这些值吗？

我正在使用反应即时搜索在选择选项中显示用户列表。我设法在选择选项中显示所有用户，但我只想显示具有管理员角色的用户（角色 === 'admin'）。

当然，我可以通过过滤角色命中来在客户端做到这一点，但是有没有办法通过反应即时搜索来实现这一点？

这就是我向所有用户展示的方式。

AlgoliaProvider.js

自动完成选择.js

应用程序.js

TL;博士：

有没有办法通过在搜索时请求两个数据源来“丰富”Algolia 搜索结果与一些 3rd 方搜索结果。然后，将结果合并在一起以实现无缝集成？

你好呀，

正如标题所暗示的那样，是否可以将 3rd 方搜索结果与 Algolia 搜索结果结合起来（可能使用带有 InstantSearch api 的自定义小部件）。

用例如下：

在我们的应用程序中，我们有两种数据：

1. 具有基本权限访问检查的轻松扁平化数据（可以使用安全虚拟 API 密钥解决谁，如 Algolia 文档中建议的那样）。
2. 分层的、任意深度嵌套的关系数据，在层次结构的每个级别（文件/文件夹树状）上都有自定义权限逻辑。这不是很容易保持不变，因为对层次结构顶层权限的任何更改都会影响底层的许多元素。

虽然第一种数据在我们的数据库和 Algolia 之间的权限方面很容易保持同步，但第二种数据需要更多的工作，包括：

要展平数据：

• 为我们树的每个“叶子”收集分支继承的所有权限。

要保持数据同步：

• 监听叶子分支中可能改变了他的权限的任何事件，重新收集它的所有权限，并相应地更新 Algolia 记录，当然，对于每个叶子。

这对我们来说似乎不是一个合理的解决方案，因为每次更改都可能很快导致我们的 Algolia 扁平化数据更新数千次。

因此，我们想知道是否有办法兼顾两者，利用 Algolia 搜索引擎获取第一种数据。然后，在第二种数据上使用我们自己定制的端点。

有没有办法将此第 3 方数据源集成到前端的 Algolia 搜索引擎中？基本上，我们希望插件进行 2 个查询，第一个查询 Algolia，第二个查询我们自己的搜索引擎，并在完成时将它们合并在一起。

我正在使用 React 和 NextJS 以及 Algolia 的 React InstantSearch，我在尝试过滤不等于我当前拥有的属性的结果时遇到问题。我有按钮，我想在哪里显示命中，isNew:true还有另一个按钮来显示结果，isNew:false以及没有这个属性的命中，所以像isNew:undefined.

我已经尝试过使用Configure连接器，<Configure filters="type:Posts AND (NOT isNew:True)" />但它似乎不起作用，因为它只会始终显示点击 where isNew:false。

有没有办法isNew:false总是包含undefined点击数？我希望它在单击按钮时以及用户访问isNew=false声明的路由时显示两种类型的命中。

在下图中，仍然显示“扇区”。即使结果为零。当没有结果时，我想删除该特定类别。

我尝试了不同的解决方案，例如使用点击数并计算它们，但这也不起作用。处理此问题的最佳方法是什么。

在不改变我的 Algolia 指数结构的情况下

这是我正在使用的代码。

自动完成文件

我正在尝试使用 Algolia 搜索我的 firestore 集合中的文档vendor。我利用 Cloud Functions 将新用户添加到 Algolia 索引和 Firestore，效果很好。使用了来自react-instantsearch-dom的InstantSearch、Hits、SearchBox ，但是当我运行我的代码时，会显示 SearchBoxonly，当我尝试在我的集合中搜索名称时，它不会返回任何内容。我尝试检查元素并检查SearchAPIlogs，但什么也没有。部署时我没有收到错误。我真的很感激任何帮助。

这是云函数的 index.ts

对于 SearchPage 组件

我在 Algolia 中使用 React InstantSearch，我试图让它默认隐藏其“命中”组件，并且仅在使用时显示并单击 searchBox。

我在这里开始我的研究：https ://www.algolia.com/doc/guides/building-search-ui/going-further/conditional-display/react/?client=jsx#handling-the-empty-query

我能够使用该查询，但不知道如何将其应用于“命中”组件。

到目前为止，我的代码中有这个：

我需要在本机反应中实现 Algolia 搜索过滤器。所有过滤器，排序都在工作，但无限滚动不起作用。我正在使用 FlatList 加载列表。下面是使用的代码

});

谁能帮忙

在过去的两周里，我一直在努力让 Algolia 的 react 即时搜索为我正在构建的 Next.js 网络应用程序完全实施。

我阅读了文档，并能够为搜索框和点击创建和使用自定义小部件。我能够使用规则设置 URL 路由。我需要知道的是如何让搜索框连接到单独的结果页面，以及如何让我的“点击”在点击时重定向到他们的页面。基本上，我正在尝试构建一些你会在 Netflix、Twitch 或 Youtube 上看到的东西。我可以在搜索栏中输入某些内容并将其发送到结果页面，然后我可以从那里单击产品或“点击”，这会将我重定向到它需要去的地方。

这是我的代码：

Algolia 这里也有例子：

https://www.algolia.com/doc/guides/building-search-ui/resources/demos/react/