useEffect(() => {
fungsi async fetchPlaces() {
setIsFetching(true);
cuba {
tempat const = menanti
fetchAvailablePlaces();
navigator.geolocation.getCurrentPosition((position)=> {
const sortedPlaces = sortPlacesByDistance(
tempat,
position.coords.latitud,
kedudukan.koordinat.longitud
);
setAvailablePlaces(sortedPlaces);
setIsFetching(false);
})
} tangkap (ralat) {
setError({
mesej:
error.message || 'Tidak dapat mengambil tempat, sila cuba lagi nanti'});
}
setIsFetching(false);
}
fetchPlaces();
}, [])
jika(ralat) {
kembali (
);
}
** Fail berasingan untuk mengambil dan mendapatkan data **
eksport fungsi async fetchAvailablePlaces(){
respons const = tunggu
fetch('http://localhost:3000/places');
const resData = tunggu respons.json();
if(!response.ok) { throw new Error('Failed to fetch places'); } return resData.places;
}
Saya ingin tahu bagaimana pendekatan ini untuk menangani ralat semasa membina apl tindak balas.
Atas ialah kandungan terperinci Pengendalian Ralat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!