補完クエリフック
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
二次クエリフックは独立して動作するか、ウィジェットを埋めるクエリフックの存在下で動作します。さまざまなユースケースで補助データを取得するために使うことができます。
useSearchResultsBreadcrumb
このフックは商品リストページに使え、useSearchResultsフックを補完できます。ホストページの分類情報を返します。URLに現れる順番に並べ替え、各アイテムは1つのURLセグメントを表します。
フックは以下の内容を返します。
{
"category_id": "<id for item 0>",
"name": "<Name for item 0>",
"url_path": "<path for item 0>"
},
...
{
"category_id": "
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コンポーネントパッケージを使って作成された スターターキットのウェブサイト をご覧ください。
GitHubリポジトリをダウンロードまたはフォークできます。