属性

大多数组件在创建时可以通过不同的参数进行自定义。这些创建的参数被称为 props，是 properties（属性）的缩写。

例如，一个基本的 React Native 组件是 Image。 当您创建一个图像时，可以使用名为 source 的 prop 来控制它显示的图像。

请注意 {pic} 周围的花括号 - 这些将变量 pic 嵌入到 JSX 中。 您可以将任何 JavaScript 表达式放在 JSX 的花括号内。

您自己的组件也可以使用 props。 这使您可以创建一个在应用程序中许多不同地方使用的单个组件，并在每个地方通过在 render 函数中引用 props 来使用略有不同的属性。 这是一个例子

TypeScript

JavaScript

使用 name 作为 prop 使我们可以自定义 Greeting 组件，因此我们可以为每个 greeting 重复使用该组件。 此示例还在 JSX 中使用了 Greeting 组件，类似于 核心组件。 这样做的能力是 React 如此酷的原因 - 如果您发现自己希望拥有一组不同的 UI 原语来使用，则可以发明新的原语。

这里发生的另一个新事物是 View 组件。 View 作为其他组件的容器非常有用，有助于控制样式和布局。

通过 props 和基本的 Text、Image 和 View 组件，您可以构建各种各样的静态屏幕。 要了解如何使您的应用程序随时间变化，您需要了解 State（状态）。