I wrote a function to render views dynamically based on an object. But the function does not render any views when invoked.

I've tried adding and taking away render() in my function but it doesn't seem to work.

```
        var arr = this.state.response;
        Object.keys(arr).map(key => {
            console.log(arr[key]);
            return (
                <View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
                    <View style={{ flex: 1, alignSelf: 'stretch'}}>
                        <Text>{key}</Text>
                    </View>
                    <View style={{ flex: 1, alignSelf: 'stretch'}}>
                        <Text>{arr[key].sales}</Text>
                    </View> 
                    <View style={{ flex: 1, alignSelf: 'stretch'}}>
                        <Text>{arr[key].sales}</Text>
                    </View> 
                    <View style={{ flex: 1, alignSelf: 'stretch'}}>
                        <Text>{arr[key].sales}</Text>
                    </View> 
                    <View style={{ flex: 1, alignSelf: 'stretch'}}>
                        <Text>{arr[key].sales}</Text>
                    </View>
                </View>
            )
        })
    }

```

And the renderRow function is called in the view like this 

```
    render() {
        return (
            <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                <View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}>
                    <View style={{ flex: 1, alignSelf: 'stretch' }}>
                        <Text>Name</Text>
                    </View>
                    <View style={{ flex: 1, alignSelf: 'stretch' }}>
                        <Text>Sales</Text>
                    </View> 
                    <View style={{ flex: 1, alignSelf: 'stretch' }}>
                        <Text>Commission</Text>
                    </View> 
                    <View style={{ flex: 1, alignSelf: 'stretch' }}>
                        <Text>Payout</Text>
                    </View> 
                    <View style={{ flex: 1, alignSelf: 'stretch' }}>
                        <Text>Profit</Text>
                    </View>
                </View>
                {this.renderRow()}
            </View>
        );
    }

```