---
title: "ウィジェットコンポーネントモデルを編集してください"
slug: "edit-the-widget-component-model"
abstract: "ウィジェットコンポーネントでモデルを編集する方法Sitecore Search。"
---
# ウィジェットコンポーネントモデルを編集してください

ウィジェットコンポーネント内のエンティティやモデルがSitecore Searchのエンティティと一致しないことがあります。コードが正しいエンティティやモデル、属性を使用しているかを確認する必要があります。

**UIコンポーネント参照**セクションでは、すべてのウィジェットテンプレートが作成されたコンテンツタイプエンティティです。実装によっては、生成されたコンポーネントを属性に合わせて修正する必要があるかもしれません。

ウィジェットコンポーネントコードを編集して、Sitecore Searchで設定されたエンティティを使用するには:

1.  ウィジェットコンポーネントが定義されているファイル index.ts、 index.tsx、 index.js、 index.jsx を開きます。
2.  ファイルの最初のセクション、モデル宣言で、必要に応じてモデル名を使いたい [エンティティ](https://doc.sitecore.com/search/en/users/search-user-guide/en/attributes.html) に置き換えてください。
3.  モデルの属性をあなたのエンティティの属性に合わせてください。
4.  エンティティ属性の値を表示するには、HTMLを編集してください。
5.  [ウィジェット機能](https://doc.sitecore.com/search/ja/developers/search-js-sdk-for-react/high-order-functions.html "High order functions")でエンティティ名を入力してください。
6.  ファイルを保存してください。

### 注意

ウィジェットコンポーネントで使用されるすべての属性がSitecore Searchで定義され、APIで返すようにマークされていることを確認してください。無効なエンティティ属性はランタイムエラーを引き起こすことがあります。

> !注同じウィジェットコンポーネントを複数のエンティティに使う場合は、モデルとHTMLがすべてのエンティティで動作することを確認してください。

> !ヒントコンポーネントにエンティティタイプとファイル名を含めて、コード内でエンティティやモデルを識別してください。