useEffect(() => {
异步函数 fetchPlaces() {
setIsFetching(true);
尝试 {
常量位置 = 等待
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 应用程序时如何处理错误。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3