I'm having trouble retrieving values from an array of objects in my state.
When I try to access the values, it only prints out "[Object Object]". However, when I stored the values in a separate array and used console.log, I was able to see them. Here's an example:
var data=[{"coordinate":{"longitude":73.8679075241089,"latitude":18.515422222637756},"key":0,"color":"#ffc130"}];
console.log("data"+data[0].coordinate.longitude);
This is how I attempted to retrieve the value in a React Native project:
console.log("location "+JSON.stringify(this.state.markers));
var data=JSON.stringify(this.state.markers);
console.log("datamap"+JSON.parse(data));
var dataparse = JSON.parse(data);
console.log("data parse "+this.state.markers[0].coordinate.latitude);
Here is where I declared the initial state and arrays:
class DefaultMarkers extends React.Component {
constructor(props) {
super(props);
this.state = {
region: {
latitude: LATITUDE,
longitude: LONGITUDE,
latitudeDelta: LATITUDE_DELTA,
longitudeDelta: LONGITUDE_DELTA,
},
markers: [],
};
}
My goal is to store the latitude and longitude in an array for further use.