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

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

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

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

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

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

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

export default Welcome;

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

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

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

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

先端

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

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