App.js

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

//Custom Component bernama Pahlawaan
class Pahlawan extends React.Component {
  render(){
    return (
      <View>
        {/* Menampilkan props 'nama' yang dikirimkan oleh Parentnya. */}
        <Text>{this.props.nama}</Text>
      </View>
    );
  }
}

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        {/* Menampilkan Component Pahlawan dengan mengirimkan props 'nama' */}
        <Pahlawan nama="Soedirman" />
        <Pahlawan nama="Hasyim Asyari" />
        <Pahlawan nama="Pangeran Diponegoro" />
        <Pahlawan nama="Ki Hadjar Dewantara" />
        <Pahlawan nama="Bung Tomo" />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});