I'm new to the react-native programming. What I find more difficult is accessing the array of objects in react-native. I'm working on a simple react-native app, I had made a localhost server request but in the server response, I'm getting the array of objects. I tried accessing those array of the object using normal JavaScript period operator. But, I don't allow us to access those Object.

> 
> Property which I gonna access within the array of objects shown in below picture.
>  [![enter image description here](https://i.stack.imgur.com/Kuddi.png)](https://i.stack.imgur.com/Kuddi.png)
> 
> 
> 

Here, I go with localhost server request

```
 export default class Gallery extends Component{
  constructor(props){
    super(props);
    this.state = {
      data: []
    }
  }

  componentWillMount(){
    fetch('http://139.162.27.183:8080/Eshiksha/org/'+this.props.orgId+'/branch/'+this.props.branchId+'/videourl/videourls', { 'method' : 'GET', 
          headers: {
            'Content-Type' : 'application/json',
            'Authorization' : this.props.auth
          }
     })
    .then((response) => response.json())
    .then((responseData) => {
      this.setState({ data: responseData });
      console.log(this.state.data.videoUrls[4]); // Using Remote JS Debugging i consoled out following array of object it's shown. But same code (this.state.data.videoUrls[4]) not being accessed within the render function.
    })
    .done();
  }

    render(){
        return(
        <ScrollView>
            <View style={styles.container}>
                <View style={styles.card}>
                  <View style={styles.button}>
                    <Text style={styles.buttonText}>{this.state.data.videoUrls[4].eventName}</Text> // Here, I'm getting error which is shown below image
                  </View>
                <TouchableOpacity>
                  <View style={styles.button}>
                    <Image style={styles.image} source={require('./school.jpg')} />
                  </View>
                </TouchableOpacity>
                </View>
            </View>
        </ScrollView>
        );
    }
}

```

Within the react-native render() function I'm trying to access those array of objects within the server response data. Here, I'm getting the following error which is shown in below picture.
[![enter image description here](https://i.stack.imgur.com/eYrU6.png)](https://i.stack.imgur.com/eYrU6.png)

Please help me to find a solution to access those array of object property in react-native. Thanks in advance...