react-native - React Native 的 Algolia：refine() 方法

Question

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

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

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

谢谢！

Answer 1

我认为在撰写本文时文档中存在拼写错误（我为此打开了拉取请求），实际道具的名称是refineNext.

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

提供的refineNext功能可让您加载更多结果。它不需要任何参数，您只需在想要从 Algolia 加载更多结果时调用它。在示例中，它被用于onEndReachedReact NativeFlatList组件的回调中，只要hasMore提供的 prop 是true. 这允许在滚动位置进入onEndReachedThreshold渲染内容时加载更多结果。