React Native 的 Algolia：refine() 方法

Question

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

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

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

谢谢！

Answer 1

我认为在撰写本文时文档中有错字（为此我打开了一个拉取请求），实际道具的名称是refineNext。

React Native 指南中记录的 InfiniteHits 示例使用了连接器，这是一种较低级别的抽象，允许用户完全控制 UI。这就是允许您在访问InfiniteHits 数据和逻辑的同时为 UI 使用 React Native 代码的原因。您可以在文档中阅读有关connectInfiniteHits connector 的更多信息。

提供的refineNext 函数可让您加载更多结果。它不需要任何参数，您只需在想要从 Algolia 加载更多结果时调用它。在示例中，只要 hasMore 提供的 prop 为 true，它就会在 React Native 的 FlatList 组件的 onEndReached 回调中使用。这允许在滚动位置到达渲染内容的onEndReachedThreshold 内时加载更多结果。