ホームページ  >  記事  >  ウェブフロントエンド  >  エラー処理

エラー処理

王林
王林オリジナル
2024-08-29 12:32:09464ブラウズ

Error Handling

useEffect(() => {
非同期関数 fetchPlaces() {
setIsFetching(true);
{
を試してください const places = 待機
fetchAvailablePlaces();

navigator.geolocation.getCurrentPosition((位置)=> {
constsortedPlaces = sortPlacesByDistance(
場所、
位置.座標.緯度、
位置.座標.経度
);
setAvailablePlaces(sortedPlaces);
setIsFetching(false);
})

} catch(エラー) {
setError({
メッセージ:
エラーメッセージ || 「場所を取得できませんでした。後でもう一度お試しください。」});
}
setIsFetching(false);
}
fetchPlaces();

}, [])

if(エラー) {
return(

);
}

** データのフェッチと取得用の別のファイル **

非同期関数のエクスポート fetchAvailablePlaces(){
const 応答 = 待機
fetch('http://localhost:3000/places');
const resData = 応答を待ちます.json();

  if(!response.ok) {
    throw new Error('Failed to fetch places');
  }

 return  resData.places;

}

反応アプリの構築中にエラーを処理するこのアプローチがどのようになっているのか知りたいです。

以上がエラー処理の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:反応フック次の記事:反応フック