使用道具

设置完成后。将下面的代码复制到 index.android.js 或 index.ios.js 文件以使用道具。

import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';

class Greeting extends Component {
  render() {
    return (
      <Text>Hello {this.props.name}!</Text>
    );
  }
}

class LotsOfGreetings extends Component {
  render() {
    return (
      <View style={{alignItems: 'center'}}>
        <Greeting name='Rexxar' />
        <Greeting name='Jaina' />
        <Greeting name='Valeera' />
      </View>
    );
  }
}

AppRegistry.registerComponent('LotsOfGreetings', () => LotsOfGreetings);

使用道具可以使他的组件通用。例如，你有一个 Button 组件。你可以将不同的道具传递给该组件，以便可以将该按钮放在其视图中的任何位置。

来源： Props-React Native