Я впервые использую API карт Google и мне наконец удалось получить карту для отображения на экране. Сейчас я работаю над добавлением маркеров местоположений, которые я получаю из других мест в моем приложении. Когда я перебираю местоположения, чтобы получить их соответствующие координаты широты и долготы, я хочу добавить их в свою переменную состояния. В настоящее время у меня есть свой код, я получаю ответ, и он сохраняется в моей переменной состояния, но хранит только самый последний, а не все из них.
Как лучше всего добавить все эти отдельные ответы API в мою переменную состояния?
Вот мой код в настоящее время
export const MapRender =(props) => {
const {logs} = useContext(LogContext)
const [latLong, setLatLong] = useState([])
useEffect(()=>{
logs.map(l =>{
return fetch(`https://api.opencagedata.com/geocode/v1/json?q=${l.location}&key=MYKEY&limit=1`)
.then(res => res.json())
.then(parsedRes => setLatLong([parsedRes.results[0].geometry]))
})
},[logs])
console.log(latLong) --- returns a separate log for each response object, I want it to return one array with all responses