属性
大多数组件在创建时可以通过不同的参数进行定制。这些创建的参数称为 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)。