属性

大多数组件在创建时都可以使用不同的参数进行自定义。这些创建的参数称为props，它是properties（属性）的简称。

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

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

您自己的组件也可以使用props。这使您可以创建一个在应用程序中许多不同位置使用的单个组件，并在每个位置使用略微不同的属性，方法是在您的render函数中引用props。这是一个示例

TypeScript

JavaScript

使用name作为属性可以让我们自定义Greeting组件，以便我们可以重用该组件来实现每个问候语。此示例还在 JSX 中使用了Greeting组件，类似于核心组件。能够做到这一点的能力是 React 如此酷的原因 - 如果您发现自己希望使用不同的 UI 原语集，您可以发明新的原语。

这里另一个新内容是View组件。View用作其他组件的容器很有用，有助于控制样式和布局。

使用props和基本的Text、Image和View组件，您可以构建各种静态屏幕。要了解如何使您的应用程序随着时间推移发生变化，您需要了解状态。