Reviewers.js

import React, { Component } from 'react'
import { View, Text, Image, ActivityIndicator, TouchableOpacity } from 'react-native'
import { connect } from 'react-redux'
import { fetchReviewers } from '../actions'


class Reviewers extends Component {
    componentDidMount(){
        this.props.dispatch(fetchReviewers())
    }

    render(){
        return (
            <View style={{ flex: 1 }}>
                <Text style={{ 
                    marginLeft: 10, fontSize: 18 }}>Reviewers</Text>
                    {
                        this.props.isFetching &&
                        <ActivityIndicator size="large" />
                    }

                    <View style={{ flexDirection: 'row', flexWrap: 'wrap', marginLeft: 10 }}>
                        {
                            !this.props.isFetching && 
                            this.props.reviewers.length > 0 && (
                                this.props.reviewers.map((data, index) => (
                                    <TouchableOpacity 
                                        key={index}
                                        onPress={() => console.log('index ke ', index)}>
                                        <Image
                                            style={{ 
                                                margin: 10,
                                                width: 100,
                                                height: 100,
                                                borderRadius: 4, 
                                                resizeMode: 'contain'
                                            }}
                                            source={{ uri: data.avatar }} />
                                    </TouchableOpacity>
                                ))
                            )
                        }
                    </View>
            </View>
        )
    }
}

const mapStateToProps = (state, ownProps) => {
    console.log(state)
    return {
        reviewers: state.reviewers.items,
        isfetching: state.reviewers.isFetching
    }
}


export default connect(mapStateToProps) (Reviewers)