setWidget関数

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

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

setWidget高次機能を使用して、UIコンポーネントをウィジェットコンポーネントに構成し、WidgetsProviderコンポーネントに追加できるようにします。

インポートパス

import ( setWidget ) from '@sitecore-search/react';

引数

この機能は、エンティティを指定しても指定せずにも使用できます。エンティティを指定すると、そのエンティティを使用した検索結果のみが返されます。

名前	形容
rfkId	糸。CECで設定されたウィジェットのID。
config	次の構成オブジェクトスキーマを参照してください。

const MySDKSearchResultsWidget = setWidget('sdk_search', {  type: WidgetDataType.SEARCH_RESULTS,  component: MySDKSearchResultsComponent } );

特定のエンティティで関数を使用する。

名前	形容
rfkId	糸。CECで設定されたウィジェットのID。
entity_type	糸。特定のエンティティ型の検索結果をフィルタリングするために使用されます。
config	次の構成オブジェクトスキーマを参照してください。

const MySDKSearchResultsWidget = setWidget('sdk_search', 'content', {  type: WidgetDataType.SEARCH_RESULTS,  component: MySDKSearchResultsComponent } );

Configオブジェクト

名前	形容
component	ウィジェットコンポーネントに設定するUIコンポーネント
type	次の値を持つウィジェットタイプの列挙子: WidgetDataType.RECOMMENDATION、WidgetDataType.PREVIEW_SEARCH 、または WidgetDataType.SEARCH_RESULTS

名前

形容

component

ウィジェットコンポーネントに設定するUIコンポーネント

type

次の値を持つウィジェットタイプの列挙子:

WidgetDataType.RECOMMENDATION、WidgetDataType.PREVIEW_SEARCH 、または WidgetDataType.SEARCH_RESULTS

例

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>
)};

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