用于 React Native 的 Algolia:refine() 方法
Algolia for React Native: refine() method
我希望使用 Algolia 在我的 React Native 项目中设置 InstantSearch。我正在使用 this tutorial 来学习基础知识。
在它们的 RefinementList
和 InfiniteHits
组件中出现了一个参数:refine
。这个参数似乎对本教程的应用程序的功能起着关键作用。
我在哪里可以找到这个 refine()
方法的示例?
请帮我一些资源。对此 refine()
方法的解释也会有所帮助。
谢谢!
我认为在撰写本文时文档中有一个拼写错误(为此我打开了一个 pull request),实际 prop 的名称是 refineNext
.
React Native 指南中记录的 InfiniteHits
示例使用连接器,这是一个较低级别的抽象,允许用户完全控制 UI。这就是允许您在访问 InfiniteHits
数据和逻辑的同时为 UI 使用 React Native 代码的原因。您可以在文档中阅读有关 connectInfiniteHits
connector 的更多信息。
渲染内容的提供refineNext
function lets you load more results. It doesn't take any arguments, all you need to do is call it whenever you want to load more results from Algolia. In the example, it's being used in the onEndReached
callback of React Native's FlatList
component, whenever the hasMore
provided prop is true
. This allows loading more results once when the scroll position gets within onEndReachedThreshold
。
我希望使用 Algolia 在我的 React Native 项目中设置 InstantSearch。我正在使用 this tutorial 来学习基础知识。
在它们的 RefinementList
和 InfiniteHits
组件中出现了一个参数:refine
。这个参数似乎对本教程的应用程序的功能起着关键作用。
我在哪里可以找到这个 refine()
方法的示例?
请帮我一些资源。对此 refine()
方法的解释也会有所帮助。
谢谢!
我认为在撰写本文时文档中有一个拼写错误(为此我打开了一个 pull request),实际 prop 的名称是 refineNext
.
React Native 指南中记录的 InfiniteHits
示例使用连接器,这是一个较低级别的抽象,允许用户完全控制 UI。这就是允许您在访问 InfiniteHits
数据和逻辑的同时为 UI 使用 React Native 代码的原因。您可以在文档中阅读有关 connectInfiniteHits
connector 的更多信息。
渲染内容的提供refineNext
function lets you load more results. It doesn't take any arguments, all you need to do is call it whenever you want to load more results from Algolia. In the example, it's being used in the onEndReached
callback of React Native's FlatList
component, whenever the hasMore
provided prop is true
. This allows loading more results once when the scroll position gets within onEndReachedThreshold
。