Hầu hết các components có thể được tùy chỉnh khi chúng được tạo ra cùng với các parameters khác nhau. Những parameters này được gọi là props.

Ví dụ, 1 component RN cơ bản là Image, khi bạn tạo 1 image, bạn sử dụng 1 prop tên là source để quản lý image đó show như thế nào:

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

export default class Bananas extends Component {
  render() {
    let pic = {
      uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
    };
    return (
      <Image source={pic} style={{width: 193, height: 110}}/>
    );
  }
}

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => Bananas);

Chú ý rằng {pic} được bao quanh bởi {}, để nhúng biến pic vào JSX (JavascriptXML).

Bạn có thể đặt bất kỳ biểu thức JS nào vào bên trong dấu ngoặc nhọn {} trong JSX.

Các components riêng của bạn cũng có thể dùng props. Điều này cho phép bạn tạo 1 single component có thể được sử dụng ở bất kỳ đâu trong ứng dụng của bạn với các thuộc tính khác nhau trong mỗi nơi. Ví dụ:

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

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

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

// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => LotsOfGreetings);