问题标签 [react-instantsearch]

我正在使用 Algolia 的 react 即时搜索，我想知道当我点击点击小部件中的“点击”时，我可以使用哪些代码将我发送到特定页面。我正在使用 Next.js。

代码：

我在 Algolia 文档中找不到任何关于此的内容。同样，我希望能够点击我的一个点击，并让它重定向或将我路由到特定页面。

我有一个奇怪的问题，组件内的动态链接在网站上的大多数地方（静态页面）都有效，但在特定的 React 组件 - Algolia InstantSearch 内无效（功能与此组件非常相似：https ://github.com/ algolia/react-instantsearch/blob/master/examples/next/components/app.js）。

我尝试过使用“常规”链接组件，即：

加上尝试使用此处概述的 useRouter 钩子：https ://mariesstarck.com/a-beginners-guide-to-dynamic-routing-in-next-js/

单击后，URL 会正确更改并且 getInitialProps 似乎正在运行，但当前页面并未卸载。这只发生在组件是 InstantSearch React 类的子组件时。

谢谢！！

在我的 NextJS 应用程序中实现 Algolia 搜索。我已经设置了数据源和索引。我试图设置的内容类似于 Gucci 在搜索中所做的事情。Gucci 正在使用 Algolia 来提供搜索功能。

我尝试使用 Algolia 的react-instantsearch-dom包。我/pages/_app.js像这样更新了我的文件（这里只写了相关的代码）：

这样我就可以使用react-instantsearch-dom任何地方的组件。

我对这里的三件事感到困惑。

疑点一：

如何将 algolia 查询和过滤器传递到此处的搜索结果页面并使用组件显示结果：https ://www.gucci.com/us/en/st/newsearchpage?facetFilters=categoryLevel1_en%3AChildren&searchString=handbags&search-猫=标题搜索

因此，基本上，当用户单击其中一个 algolia 搜索建议（从单击页面右上角的搜索框后的下拉菜单中）时，他们会被带到搜索结果页面，并且似乎 Algolia 搜索已被实例化并显示结果。

疑点二：

如何并排显示自动建议和产品图片？

疑点三：

显示动态过滤器/优化选项。我知道如果brand我们的 Algoia 索引/数据集中有一个属性，我可以将其包含在搜索过滤器中，如下所示：

但是，如果我想显示优化列表的不同属性，比如“颜色”、“品牌”等，我将如何从搜索结果中动态显示优化选项的标题和列表。

我正在做一个项目，我应该在搜索框中实现自动完成功能。我正在使用 React-InstantSearch 并且我的SearchBox组件是使用 Algolia connector 构建的connectSearchBox。现在我想在同一个搜索框中使用connectAutoComplete. 我很困惑这两个连接器应该如何结合在一起？如果你们能在这方面帮助我，我将不胜感激。谢谢！

链接到自动完成连接器：https ://www.algolia.com/doc/api-reference/widgets/autocomplete/react/?client=jsx

以下是相关代码：

搜索框.jsx

这就是我打算添加到 SearchBox 组件中的内容：

在我的情况下，<input>标签将被替换为<SearchField.Input>inSearchBox.jsx

我在 Next.js 项目中使用了 Algolia ，当我尝试调用时instantsearch遇到了这个错误服务器错误 ，我查看了调用堆栈跟踪，问题出在：point_left：这是一个导致问题的辅助函数这里。meilisearch 客户端对象在其返回对象中没有搜索方法，它只是一个空字符串。我们如何在 SSR 环境中使用 react Instantsearch？Instant-MeiliSearch 能解决这个问题吗？TypeError: this.client.search is not a functionfindResultsState (Component, {meilisearchClient, indexName, searchState})algoiasearch-helpersingleIndexSearch