setWidgetType関数
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
setWidgetType高次機能を使用して、UIコンポーネントをウィジェットコンポーネントに構成し、WidgetsProviderコンポーネントに追加できるようにします。
インポートパス
RequestResponse
import ( widget ) from '@sitecore-search/react';引数
|
名前 |
形容 |
|---|---|
|
ui_component |
ウィジェットコンポーネントに変換するUIコンポーネント |
|
type |
次の値を持つウィジェットタイプの列挙子: WidgetDataType.RECOMMENDATION、WidgetDataType.PREVIEW_SEARCH、または WidgetDataType.SEARCH_RESULTS |
例
RequestResponse
import { WidgetsProvider, WidgetDataType, setWidgetType } from '@sitecore-discover/react';
import ( MyGlobalPreviewSearch ) from "./widget_components/myGlobalPreviewSearch";
import ( MyGlobalRecommendationWidget ) from "./widget_components/myGlobalRecommendationWidget";
import ( MySDKSearchResultsComponent ) from './widget_ui_components/mySDKSearchResultsComponent';
const MySDKSearchResultsWidget = setWidgetType(MySDKSearchResultsComponent, WidgetDataType.SEARCH_RESULTS);
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 rfkId = "sdk_search"/>
</div>
<footer>
<MyGlobalRecommendationWidget rfkId="footer_rec" />
</footer>
</WidgetsProvider>
)};
メモ
rfkId値のないウィジェットコンポーネントは、そのウィジェットタイプのウィジェットコンポーネントとしてレンダリングされます。
ウィジェットコンポーネントがrfkId値に対して宣言されていない場合、そのウィジェットタイプに関連付けられたウィジェットコンポーネントが宣言されていれば、レンダリングされます。