Totally new to React Native (and React).

I have:

```
export default class MyApp extends Component {

  // Initialize the hardcoded data
  constructor(props) {
    super(props);
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    this.state = {
      dataSource: ds.cloneWithRows([
        'property1', 'property2', 'property3', 'property4'
      ])
    };
  }

  render() {
    return (
      <View style={{flex: 1, paddingTop: 50}}>
        <ListView
          dataSource={this.state.dataSource}
          renderRow={(rowData) => <Image style={styles.image} source={require('./images/' + {rowData} + '.jpg')} />}
        />
      </View>
    );
  }
}

```

I am trying to show four images (stored in an images folder within the same directory as index). I've hardcoded the image names (property1, property2 etc). This is giving me an error **Unknown named module: './images/[object Object].jpg'**

Looking at the image page in the official docs(<https://facebook.github.io/react-native/docs/images.html>) I would like to create a variable to store the full path first and then use something like: `<Image source={path} />` as per the docs.

Also, would it be advisable to create a separate function for renderRow?