无限命中
该 Hits 组件显示当前搜索结果列表。
Searchkit 设置
在 result_attributes 中 search_settings
{
search_settings: {
result_attributes: ['title', 'description', 'image', 'price', 'url']
}
}用法
下面是一个 hitView 示例，它显示 product 属性以及突出显示的搜索查询。
const hitView = ({ hit }) => {
return (
<div>
<img src={hit.image} />
<h2>{hit.title}</h2>
<p>{hit.description}</p>
<p>{hit.price}</p>
<p>{hit.url}</p>
</div>
)
}
const App = () => {
return (
<InstantSearch
searchClient={searchClient}
indexName="products"
>
<InfiniteHits hitComponent={hitView} />
</InstantSearch>
)
}