エラー処理

王林
リリース: 2024-08-29 12:32:09
オリジナル
532 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート