问题标签 [react-instantsearch]

我的项目中有 ToggleRefinement 复选框，并尝试使用“.ais-ToggleRefinement-checkbox {}”对其进行样式设置，但似乎唯一能够更改的是字体大小以使复选框更大。颜色和背景颜色不做任何事情。我想更改颜色（尤其是选中复选框时的颜色）以及复选框的其他样式，因为我在网站的其他部分使用 BlueprintJS 自定义复选框，并且我希望样式之间保持一致他们。

有什么办法可以做到这一点？

因此，正如标题所暗示的那样，我在 firestore 中有一个如下所示的项目集合：

但是，我需要这些物品有变体，例如不同的尺寸/颜色/等。在这种结构中，唯一的方法是为每个变体拥有一个全新的项目。这并不理想，

这是我目前对要求的看法：

• 包含所有变体的父项，具有唯一的 docId
• 每个变体都有一个唯一的 docId，但以某种方式附加到父项
• 通用属性是父项上的字段（名称、公司、标签等）
• 每个变体都有独特的属性（可用、尺寸/类型、价格）

我目前的计划是这样的：

我可以看到几个问题。

1. 这将需要额外的数据库调用，因为 Firestore 在请求父集合时无法获取子集合。

2. 一个大问题是我需要为项目附加一个可用属性，以前我在项目集合级别拥有它，但现在我有变体，我需要将它放在每个变体上。如果我在父集合级别的变量数组中有它，我认为我不能再过滤 algolia 搜索中的可用值，因为一个项目会有多个值。如果我将可用的变量放在子集合中，那么它不会被 algolia 索引，因为它只是索引 Items 集合中的文档。不知道这里有什么解决方案。

我真的不想有一个子集合，我想我可以在没有子集合的情况下完成上述操作，只需将所有唯一属性合并到变量数组中。但是我不会为每个变体都有一个唯一的 docId，而且我很确定我需要它（还不完全确定）。它也不能解决我的可用属性问题。

关于如何正确执行此操作的任何想法？有没有办法在没有子集合的情况下做到这一点？

我正在使用 InstantSearch 组件在我的网络应用程序上实现搜索，并且一切正常，现在我想知道，如何更改我刚刚导入到项目中的组件的内部文本？

比如我自己的组件是这样的：（当然还有imports和class）

例如，“< ClearAll />”组件会生成一个带有“Clear All”文本的按钮。我只是想更改它，但它是从 node_modules 导入的。我应该将什么传递给这个组件，或者我该如何更改它？提前致谢。

有人在某处有与react- instantsearch 一起使用的 Algolia Places 的简单组件示例吗？我拼命地尝试将它们两者混合，但我不知道该使用什么：？如何 ？它写在文档中，我们应该有一个 HTMLInputElement 作为必需的容器选项，那么你如何处理你不应该接触 DOM 的 React 呢？

干杯阿诺

我尝试通过调用 react-instantsearch 的findResultsStateAPI 来获取 resultsState，但无法与已经与 redux store 连接的组件集成。错误将如下所示。

不变违规：在组件的上下文或道具中找不到“存储”。要么将根组件包装在 a 中<Provider>，要么将“store”作为道具显式传递给组件

像这样调用api

我的组件看起来像这样。它由一些HOC组成，一些HOC会通过react-reduxconnect函数与redux store连接。

服务器端 Provider 会这样渲染

客户端：

主要的

路线

React InstantSearch提供了一个CurrentRefinements组件，它给出了当前选择的细化。

但我想要的只是获得应用的过滤器（改进）的数量。我觉得这应该很容易，但在过去的 4 个小时里一直在努力解决这个问题。

编辑：你可以在这里看到一个工作示例<CurrentRefinements>

但同样，我的目标不是列出当前的改进，而是计算总共应用的改进数量。

我是反应原生的新手。如何在 React Native 项目中实现 Algolia 即时搜索？

我需要经常刷新我的点击，因为经常添加新项目。这样可以避免我等到我的组件被刷新或再次挂载后才能查看更新的结果列表。

但我不知道该怎么做。

如何告诉我的无状态组件Hits使用更新的结果列表再次呈现？

我尝试使用，refine()但它不起作用。此功能旨在加载更多结果，但我需要简单地刷新所有结果列表。

我也尝试了该refresh属性，但列表没有更新，我仍然需要手动重置我的组件以获取更新的列表。

有小费吗 ？

我直接在我的节点 js 后端使用 algolia 客户端，所以我不使用instantsearch.js.

我可以轻松地查询/索引/更新等我的 algolia 索引，但我找不到清除缓存的方法，因为我的应用程序总是需要实时显示更新的命中列表。

我试过了

但没有成功。始终需要手动强制卸载/重新安装我的应用程序以查看更新的命中列表。

有什么解决办法吗？

有谁知道如何将 Algolia Instant Search 与 API/数据库连接起来？在他们所有的例子中，他们的数据集都连接到“indexName”——见下文：

我似乎找不到如何将个人数据集配置为索引。

这是我正在查看的示例仓库的链接： https ://github.com/algolia/react-instantsearch/tree/master/examples/geo-search

阿尔戈利亚：https ://www.algolia.com/ 即时搜索：https ://www.algolia.com/products/instantsearch