setWidget関数
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
setWidget高次機能を使用して、UIコンポーネントをウィジェットコンポーネントに構成し、WidgetsProviderコンポーネントに追加できるようにします。
インポートパス
RequestResponse
import ( setWidget ) from '@sitecore-search/react';引数
この機能は、エンティティを指定しても指定せずにも使用できます。エンティティを指定すると、そのエンティティを使用した検索結果のみが返されます。
|
名前 |
形容 |
|---|---|
|
rfkId |
糸。CECで設定されたウィジェットのID。 |
|
config |
次の構成オブジェクト スキーマを参照してください。 |
RequestResponse
const MySDKSearchResultsWidget = setWidget('sdk_search', { type: WidgetDataType.SEARCH_RESULTS, component: MySDKSearchResultsComponent } );特定のエンティティで関数を使用する。
|
名前 |
形容 |
|---|---|
|
rfkId |
糸。CECで設定されたウィジェットのID。 |
|
entity_type |
糸。特定のエンティティ型の検索結果をフィルタリングするために使用されます。 |
|
config |
次の構成オブジェクト スキーマを参照してください。 |
RequestResponse
const MySDKSearchResultsWidget = setWidget('sdk_search', 'content', { type: WidgetDataType.SEARCH_RESULTS, component: MySDKSearchResultsComponent } );Configオブジェクト
|
名前 |
形容 |
|---|---|
|
component |
ウィジェットコンポーネントに設定するUIコンポーネント |
|
type |
次の値を持つウィジェットタイプの列挙子: WidgetDataType.RECOMMENDATION、WidgetDataType.PREVIEW_SEARCH 、または WidgetDataType.SEARCH_RESULTS |
例
RequestResponse
import { WidgetsProvider, WidgetDataType, setWidget } from "@sitecore-search/react";
import ( MySDKSearchResultsComponent ) from "./widgetvics/mySDKSearchResultsComponent";
const MySDKSearchResultsWidget = setWidget('sdk_search', 'content', { type: WidgetDataType.SEARCH_RESULTS, component: MySDKSearchResultsComponent } );
const Root = () => {
return (
<WidgetsProvider
publicSuffix='true'
env='<environment>'
customerKey='<customer key>'
apiKey='<api key>'
>
<header>
<h1>My Application</h1>
<MyGlobalPreviewSearchWidget rfkId="header_ps" />
</header>
<div class="content">
<MySDKSearchResultsWidget />
</div>
<footer>
<MyGlobalRecommendationWidget rfkId="footer_rec" />
</footer>
</WidgetsProvider>
)};