属性

大多数组件在创建时可以通过不同的参数进行自定义。这些创建参数称为 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 组件，你可以构建各种各样的静态屏幕。要了解如何让你的应用随时间变化，你需要 了解状态。