---
title: "補完クエリフック"
slug: "complementary-query-hooks"
abstract: "JS SDKにおける補完クエリフックの一覧Sitecore Search React。"
---
# 補完クエリフック

二次クエリフックは独立して動作するか、ウィジェットを埋めるクエリフックの存在下で動作します。さまざまなユースケースで補助データを取得するために使うことができます。

## useSearchResultsBreadcrumb

このフックは商品リストページに使え、useSearchResultsフックを補完できます。ホストページの分類情報を返します。URLに現れる順番に並べ替え、各アイテムは1つのURLセグメントを表します。

フックは以下の内容を返します。

 {
 "category\_id": "<id for item 0>",
 "name": "<Name for item 0>",
 "url\_path": "<path for item 0>"
 },
 ...
 {
 "category\_id": "<id for item N>",
 "name": "<Name for item N>",
 "url\_path": "<path for item N>"
 }

UIリファレンスサイトの **テンプレート** セクションの**SearchResults**では、**SearchResultsRowGrid**デモでこのクエリフックが使われています。

## useSearchResultsIsSelectedFacet

このフックはuseSearchResultsフックを補完するために使うことができます。検索結果ウィジェットでファセットを選択している場合はtrueを返します。

boolean // true if a facet has been selected in the search results widget on the page

## useSearchResultsSelectedFacets

このフックはuseSearchResultsフックを補完し、検索結果ウィジェットで選択したfacetsの追加情報を取得することができます。

フックは各アイテムが選択されたファセットである場合、次のように返されます。

 {
 id: string,
 name: string,
 numberOfProducts: number,
 values: 
 {
 id: string,
 text: string
 }
 
 }

> !注ページには検索結果ウィジェットは1つしか含めません。実行時に、このクエリフックはページのuseSearchResultsフックを認識します。

> !注**注意事項**これらのReactリソースは、あなたの実装に役立ちます:
> 
> -   ウィジェットの動作例を見るには、Search JS SDKとUIコンポーネントパッケージを使って作成された [スターターキットのウェブサイト](https://developers.sitecorecloud.io/search-sdk/react/website) をご覧ください。
>     
> -   GitHubリポジトリをダウンロードまたはフォーク[できます。](https://github.com/Sitecore/Sitecore-Search-JS-SDK-Starter-Kit/blob/main/README.md)
>