가져오기 API 처리에 대한 Go에서 영감을 받은 접근 방식

WBOY
풀어 주다: 2024-08-23 08:30:31
원래의
1140명이 탐색했습니다.

A Go-inspired approach to handling fetch API

Javascript 오류 처리는 특히 fetch를 사용할 때 혼란스러울 수 있습니다. Wait를 사용하는 경우 오류를 처리하기 위해 try catch 블록으로 래핑해야 하며 우리 모두는 그것이 다음과 같다는 것을 알고 있습니다. 두통

그럼 우리가 이런 걸 할 수 있다고 말하면 어떨까요

import { get } from "./eavfetch";

interface Book {
  id: string;
  title: string;
  author: string;
}

async function fetchBooks() {
  // data type is inferred as Book[]
  const [data, error] = await get<Book[]>("/books");

  if (error) {
    console.error("Failed to fetch books:", error);
    return;
  }

  if (data) {
    console.log("Fetched books:", data);
  }
}
로그인 후 복사

이제 갑자기 가져오기를 처리하는 것이 오류와 데이터를 처리하는 매우 간단하고 안전한 방법인 것 같죠? 가치가 접근할수록 오류의 힘이 커지는 거죠

리포지토리에 있는 eavfetch.ts/js를 복사하여 바로 사용할 수 있습니다.

위 내용은 가져오기 API 처리에 대한 Go에서 영감을 받은 접근 방식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿