排序

排序组件允许用户更改命中结果的排序方式。默认情况下，命中结果按 _score（相关性）降序排列，但用户可以随时更改。您可以选择在组件中显示所选排序选项。

Searchkit 设置

配置 sorting 以定义可用的排序选项。

键是排序选项值，值是排序选项标签。

默认排序选项是列表中的第一个。

search_settings: {
  // ...
  sorting: {
    default: {
      field: '_score',
      order: 'desc'
    },
    _price_desc: {
      field: 'price',
      order: 'desc'
    },
    _price_asc: {
      field: 'price',
      order: 'asc'
    }
  }
}

用法

基础

import { InstantSearch, SortBy } from 'react-instantsearch';
 
export function App() {
  return (
    <InstantSearch indexName="products" searchClient={searchClient}>
      <SortBy
        items={[
          { label: 'Featured', value: 'products' },
          { label: 'Price (asc)', value: 'products_price_asc' },
          { label: 'Price (desc)', value: 'products_price_desc' },
        ]}
      />
    </InstantSearch>
  );
}

文档

地理位置搜索分页