javascript - React InstantSearch RefinementList transformItems 不工作

Question

所以我已经在我的应用程序中成功地实现了 React InstantSearch 库，并且正在尝试将过滤器应用于细化列表(以确保显示的过滤器与活跃用户相关，并隐藏不相关的过滤器).我试过以下方法:

<RefinementList attributeName="organization" transformItems={items => items.filter(e => refineList.indexOf(e)>=0)} />

其中 refineList 是一个简单的字符串数组(即 ["A", "B", "C"])

然而，RefinementList 一直显示所有过滤器选项，而没有对其应用“transformItems”函数。会不会是我误解了“transformItems”的工作原理？

关于这个主题的文档非常少，所以我相信它会对图书馆的许多其他用户有所帮助。

Answer 1

transformItems 函数有一个参数:items。作为返回，它期望将其取回。

items 是具有以下形状的对象数组:

{
  label: string,
  value: array<string>,
  count: number,
  isRefined: bool,
}

要删除基于字符串数组的优化，您可以这样做:

const refineList = ['A', 'B'];
<RefinementList
    attributeName="organization"
    transformItems={items => items.filter(e => 
        refineList.indexOf(e.label) >= 0)}
/>