属性

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

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

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

你自己的组件也可以使用 props。这允许你制作一个可以在应用程序中许多不同地方使用的组件，通过在 render 函数中引用 props，在每个地方使用略微不同的属性。这是一个例子：

TypeScript

JavaScript

使用 name 作为 prop 允许我们定制 Greeting 组件，这样我们就可以为每个问候语重用该组件。这个例子还在 JSX 中使用了 Greeting 组件，类似于核心组件。实现这一点的能力正是 React 的强大之处——如果你发现自己希望拥有一组不同的 UI 原语来使用，你可以创造新的。

这里另一个新出现的是 View 组件。View 作为其他组件的容器很有用，可以帮助控制样式和布局。

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