React Native Props

17 Mar 2025 | 阅读 2 分钟

React Native 组件的属性通常被称为 props。在 React Native 中,大多数组件可以在创建时使用不同的参数进行自定义。这些参数被称为 props。它们是不可变的,不能被更改。

Image 组件的 source 属性就是一个 props 的例子,它控制着设备屏幕上显示的图像。

React Native 默认自定义 Props

输出

React Native Props

在自己的组件中使用 props

我们也可以在自己的组件中使用 props。通过在不同的地方设置略有不同的属性,一个组件可以在应用程序中的许多不同位置使用。要在我们的组件中实现 props,可以使用 this.props 后面跟属性。

例如,一个基本的 React Native 组件是 Text。当我们创建一个 Text 组件时,我们可以使用属性 "name" 作为 props 来控制它的外观。我们还将 StyleSheet 应用于组件,并将其用作我们的组件。

App.js

输出

React Native Props