---
title: "PageComponent"
slug: "pagecomponent"
abstract: "PageComponentを使ってJS SDKでウィジェットをレンダリングするために読み込みSitecore Search React。"
---
# PageComponent

Sitecore Searchでは、ページはウィジェットのコンテナであり、URLまたはURLパターンに厳密に関連付けられています。例えば、通常preview searchウィジェットは複数のウェブページに表示されるように設定され、検索結果ウィジェットはpreview searchウィジェットなしで表示されます。

![In the Sitecore Search user interface, a page is configured with a URL or URL pattern.](https://doc.sitecore.com/api/markdown-image/search/ja/developers/search-js-sdk-for-react/images/page-config-cec.png)

特定のURLのウィジェットをレンダリングするには、PageComponentを使うことができます。コンポーネントはページごとにレンダリングされるように設定されたウィジェットのみを埋め込むためにデータを取得し、それぞれのウィジェットコンポーネントをレンダリングします。

## インポートパス

import { PageComponent } from '@sitecore-search/react';

## 例

以下のコードブロックは、訪問者が宣言されたドメインに対して /searchを閲覧した際に検索結果ウィジェットをレンダリングするコンポーネントのためのものです。

import { PageComponent, WidgetDataType, setWidget } from '@sitecore-search/react';
import MyComponent from './path/to/MyComponent';

const SearchResultsPage = () => {
 setWidget('rfkid\_7', 'content', {
 component: MyComponent,
 type: WidgetDataType.SEARCH\_RESULTS,
 });
 return <PageComponent uri={'/search'} />;
};

export default SearchResultsPage;

> !注usePageWidgetsクエリフックを使ってページURLに基づいてウィジェットをレンダリングすることもできます。