属性

非官方测试版翻译

本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →

大多数组件在创建时都可以通过不同的参数进行自定义。这些创建时传入的参数称为 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，你可以构建各类静态界面。若要实现应用动态变化，需要进一步学习状态管理。