首页  >  文章  >  web前端  >  错误处理

错误处理

王林
王林原创
2024-08-29 12:32:09464浏览

Error Handling

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn