錯誤處理

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中文網其他相關文章！