useEffect(() => {
异步函数 fetchPlaces() {
setIsFetching(true);
尝试{
const 位置 = 等待
fetchAvailablePlaces();
navigator.geolocation.getCurrentPosition((position)=> {
const SortedPlaces = sortPlacesByDistance(
地方,
位置.坐标.纬度,
位置.坐标.经度
);
setAvailablePlaces(sortedPlaces);
setIsFetching(false);
})
} catch(错误) {
设置错误({
留言:
错误消息 || '无法获取地点,请稍后重试'});
}
setIsFetching(false);
}
fetchPlaces();
},[])
如果(错误){
返回(
);
}
** 用于获取和获取数据的单独文件 **
导出异步函数 fetchAvailablePlaces(){
常量响应 = 等待
fetch('http://localhost:3000/places');
const resData =等待response.json();
if(!response.ok) { throw new Error('Failed to fetch places'); } return resData.places;
}
我想知道这种方法在构建 React 应用程序时如何处理错误。
以上是错误处理的详细内容。更多信息请关注PHP中文网其他相关文章!