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