---
title: "setWidget関数"
slug: "setwidget-function"
abstract: "React SDK Sitecore Search JSのsetWidget高階関数の詳細。"
---
# setWidget関数

setWidget高次関数を使って、UIコンポーネントをウィジェットコンポーネントに設定し、WidgetsProviderコンポーネントに追加できます。

## インポートパス

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

## 議論

この関数はエンティティを指定する場合でも指定しなくても使用できます。エンティティを指定すると、そのエンティティを使った検索結果のみが返されます。

名称

概要

rfkId

文字列。Sitecore Searchで設定されたウィジェットのID。

config

以下の設定オブジェクトスキーマを参照してください。

const MySDKSearchResultsWidget = setWidget('sdk\_search', {  type: WidgetDataType.SEARCH\_RESULTS,  component: MySDKSearchResultsComponent } );

### 特定のエンティティで関数を使うこと。

名称

概要

rfkId

文字列。Sitecore Searchで設定されたウィジェットのID。

entity\_type

文字列。特定のエンティティタイプで検索結果をフィルタリングするために使われます。

config

以下の設定オブジェクトスキーマを参照してください。

const MySDKSearchResultsWidget = setWidget('sdk\_search', 'content', {  type: WidgetDataType.SEARCH\_RESULTS,  component: MySDKSearchResultsComponent } );

### 設定オブジェクト

名称

概要

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