属性(Props)
大多数组件可以在创建时通过不同的参数进行自定义。这些创建时传入的参数称为 props,即属性的缩写。
例如,一个基本的 React Native 组件是 Image。当你创建一个图片时,可以使用一个名为 source 的 prop 来控制显示哪张图片。
注意 {pic} 两侧的花括号——它们将变量 pic 嵌入到了 JSX 里。你可以在 JSX 的花括号中放入任意的 JavaScript 表达式。
你自己的组件也可以使用 props。这允许你创建一个单一组件,在应用的多个不同地方使用,并通过 props 在每个地方传递略有不同的属性。下面是一个例子:
- TypeScript
- JavaScript
使用 name 作为 prop 让我们可以定制 Greeting 组件,从而在每个问候中复用该组件。这个例子同样展示了如何在 JSX 中使用 Greeting 组件,类似于 核心组件 一节。React 之所以这么强大,就是因为你可以创建、组合新的 UI 基元组件。
这里新出现的另一个组件是 View。View 常用作其他组件的容器,方便控制样式和布局。
通过 props 以及基础的 Text、Image 和 View 组件,你可以构建各种静态界面。要学习如何让应用随时间变化,你需要了解 状态(State)。