Props

大多數組件在建立時可以使用不同的參數進行自訂。這些建立的參數稱為 props，是 properties（屬性）的縮寫。

例如，一個基本的 React Native 組件是 Image。當您建立一個圖片時，可以使用名為 source 的 prop 來控制它顯示的圖片。

請注意 {pic} 周圍的大括號 - 這些將變數 pic 嵌入到 JSX 中。您可以將任何 JavaScript 表達式放在 JSX 中大括號內。

您自己的組件也可以使用 props。這讓您可以建立一個單一組件，在應用程式中的許多不同地方使用，並在每個地方使用稍微不同的屬性，方法是在您的 render 函數中參考 props。以下是一個範例

TypeScript

JavaScript

使用 name 作為 prop 讓我們可以自訂 Greeting 組件，因此我們可以為每個問候語重複使用該組件。此範例也在 JSX 中使用 Greeting 組件，類似於核心組件。這樣做的能力是讓 React 如此酷的地方 - 如果您發現自己希望擁有一組不同的 UI 基礎組件來使用，您可以發明新的組件。

這裡發生的另一件新事物是 View 組件。 View 作為其他組件的容器非常有用，有助於控制樣式和佈局。

透過 props 和基本的 Text、Image 和 View 組件，您可以建構各種靜態螢幕。若要了解如何讓您的應用程式隨時間變化，您需要了解 State。