使用道具

設定完成後。將下面的程式碼複製到 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