useEffect(() => {
асинхронная функция fetchPlaces() {
setIsFetching(true);
пытаться {
константные места = ожидание
fetchAvailablePlaces();
navigator.geolocation.getCurrentPosition((position)=> {
const sortedPlaces = sortPlacesByDistance(
места,
позиция.коорды.широта,
позиция.коорды.долгота
);
setAvailablePlaces (sortedPlaces);
setIsFetching(false);
})
} catch(ошибка) {
setError({
сообщение:
ошибка.сообщение || 'Не удалось получить места. Повторите попытку позже'});
}
setIsFetching(false);
}
выборка мест();
}, [])
если(ошибка) {
возвращаться(
);
}
** Отдельный файл для выборки и получения данных **
экспортировать асинхронную функцию fetchAvailablePlaces(){
константный ответ = ожидание
выборка('http://localhost:3000/places');
const resData = ожидание ответа.json();
if(!response.ok) { throw new Error('Failed to fetch places'); } return resData.places;
}
Я хотел бы знать, как этот подход обрабатывает ошибки при создании приложения реагирования.
Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.
Copyright© 2022 湘ICP备2022001581号-3