Props

ほとんどのコンポーネントは、作成時に異なるパラメータを使用してカスタマイズできます。作成したパラメータは、プロパティの略であるpropsと呼ばれます。

たとえば、1つの基本的なReact NativeコンポーネントはImageです。画像を作成する場合、sourceという名前のプロップを使用して、表示する画像を制御できます。

{pic}を囲むブレースに注意してください。これらは変数picをJSXに埋め込みます。JSXでは、任意のJavaScript式をブレース内に配置できます。

独自のコンポーネントでもpropsを使用できます。これにより、アプリ内のさまざまな場所でわずかに異なるプロパティで1つのコンポーネントを使用できるようになり、render関数でpropsを参照します。例を次に示します。

TypeScript

JavaScript

nameをプロップとして使用すると、Greetingコンポーネントをカスタマイズできるため、それぞれの挨拶にそのコンポーネントを再利用できます。この例では、コアコンポーネントと同様に、JSXでGreetingコンポーネントも使用されています。これを行うことができる力は、Reactをこれほどクールなものにしています。作業するUIプリミティブの別のセットがあればよかったのにと思う場合、新しいものを作成できます。

ここでもう1つ新しいのは、Viewコンポーネントです。Viewは他のコンポーネントのコンテナとして便利で、スタイルやレイアウトを制御するのに役立ちます。

propsと基本的なText、Image、Viewコンポーネントを使用すると、さまざまな静的な画面を作成できます。アプリを時間とともに変更する方法を学習するには、状態について学習する必要があります。