1. クエリフック

補完的なクエリフック

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

セカンダリ クエリ フックは、独立して動作するか、ウィジェットに入力するクエリ フックが存在する場合に機能します。これらを使用して、さまざまなユースケースの補足データを取得できます。

useSearchResultsブレッドクラム

このフックを商品リストページで使用して、useSearchResultsフックを補完することができ、ホストページのタクソノミーを返します。URLに表示される順序で並べ替えられた各アイテムは、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リファレンス サイトのTemplatesセクションのSearchResultsでは、SearchResultsRowGridデモでこのクエリ フックを使用します。

useSearchResultsIsSelectedFacet (英語)

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

useSearchResultsSelectedファセット

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

フックは、各アイテムが選択されたファセットである場合に、以下を返します。

[ 
   {
       id: string,
       name: string,
       numberOfProducts: number,
       values: [
           {
               id: string,
               text: string
           }
       ]
   }
]
メモ

1つのページに含めることができる検索結果ウィジェットは1つだけです。実行時に、このクエリ フックはページ上のuseSearchResultsフックを認識します。

この記事を改善するための提案がある場合は、 お知らせください!