命中结果
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"
>
<Hits hitComponent={hitView} />
</InstantSearch>
)
}