1. JSS Reactサンプル・アプリケーションの概要

JSS ReactサンプルアプリのUIコンポーネント

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

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

Sitecore JavaScript Rendering SDK (JSS) for Reactで構築されたアプリケーションのUIコンポーネントは、他のReactコンポーネントと変わりませんが、fieldsプロパティを提供するPlaceholderコンポーネント内に動的に追加される点が異なります。例えば：

以下は、JSSアプリケーションでのReactコンポーネント定義の例です。

import React from 'react';
import { Text } from '@sitecore-jss/sitecore-jss-react';

const Welcome = ({ fields }) => (
  <View>
    <Text field={fields.title} />
  </View>
);

export default Welcome;

Welcomeコンポーネントは、内部コンポーネントの状態やライフサイクルメソッドの必要性がないため、ステートレスな関数型コンポーネントとして記述されていますが、ES6クラス構文を使用してReact.Component.JSSは、通常のReact規約の使用に制限を設けていません。

Sitecoreフィールド タイプの処理

JSS for Reactは、Sitecoreフィールド タイプを処理するためのヘルパー コンポーネントを提供します。ヘルパー コンポーネントは、Sitecoreフィールド値をレンダリングし、高度なSitecoreエディターでフィールドを編集できるようにする特別なコンポーネントです。

JSS for Reactには 、テキスト、画像、日付、リッチテキストなどのフィールドタイプを表示するためのコンポーネントが含まれています。

先端

JSS Reactサンプルアプリケーションのスタイルガイドページでは、利用可能なすべてのコンポーネントのライブサンプルを参照してください。

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