How to map an array of data in reactjs?

Question

I am having trouble on getting the latitude , what i've tried so far is searchLocation.findLocationByAddress.geoCode.latitude and i get this error

error

LocationAdd.js:288 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'latitude')

here is my code

 const { data: searchLocation } = await getLocations({
    variables: {
      placeSearch: {
        address: value
      },
    },
  });
  console.log(searchLocation.findLocationByAddress)
  geoCode = {
    latitude: searchLocation.findLocationByAddress.geoCode.latitude,
    longitude: searchLocation.findLocationByAddress.geoCode.longitude,
  };

namln-hust · Accepted Answer · 2022-02-09 12:17:36Z

1

findLocationByAddress returns an array, I think you should call .map() or access an element with [].

answered Feb 9, 2022 at 12:17

namln-hust

3543 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user15404864 Over a year ago

how? like this 'searchLocation.map((item) => geoCode ={latitude: item.geoCode.latitude, longitude: item.geoCode.longitude})' ? may i see your answer with code please?

Collectives™ on Stack Overflow

How to map an array of data in reactjs?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related