跳到主要内容

属性

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

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

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

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

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

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

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