细化列表

细化列表是一个显示特定属性值的列表的小部件。它通常用于显示类别或过滤器的列表。

设置

以下文档已在 Elasticsearch 中索引

{
  "brand": "Apple",
  "product": "Macbook Pro 14",
  "category": "Electronics"
}

或者，如果文档属于多个类别，则可以将其索引为数组

{
  "brand": "Apple",
  "product": "Macbook Pro 14",
  "category": ["Electronics", "School Equipment"]
}

Searchkit 设置

设置以下 facet_attributes

{
  facet_attributes: [
    { 
      attribute: 'category', 
      field: 'category.keyword',  // field must be a keyword type field
      type: 'string' 
    }
  ]
}

嵌套字段

您还可以使用嵌套字段来定义分面属性。当您需要保留对象关系时，这很有用。阅读更多关于嵌套字段的信息这里

使用

以下是一个使用 React InstantSearch 显示类别列表的细化列表示例。

 
import { RefinementList } from 'react-instantsearch';
 
const App = () => (
  <RefinementList attribute="category" />
);

文档

摘要分层菜单