0.0.3 Pass props to component.

App.js

@@ -4,7 +4,7 @@ import { AppRegistry, Image, StyleSheet, Text, View } from 'react-native';
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fa4',
+    backgroundColor: '#fe8',
     alignItems: 'center',
     justifyContent: 'center',
   },
@@ -23,7 +23,7 @@ class App extends Component {
 }
 
 
-export default class Bananas extends Component {
+class Bananas extends Component {
   render() {
     const pic = {
       uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg',
@@ -43,5 +43,25 @@ export default class Bananas extends Component {
   }
 }
 
+class Greeting extends Component {
+  render() {
+    return (
+      <Text>Hello {this.props.name}!</Text>
+    );
+  }
+}
+
+export default class LotfOfGreetings extends Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <Greeting name="Rexxar" />
+        <Greeting name="Jaina" />
+        <Greeting name="Valeera" />
+      </View>
+    );
+  }
+}
+
 // skip this line if using Create React Native App
 // AppRegistry.registerComponent('AwesomeProject', () => Bananas);