인프런 커뮤니티 질문&답변

geuni님의 프로필 이미지
geuni

작성한 질문수

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

AxiosError와 unknown error 대처법

axios catch 에서 error 타입에 대해 as 없이 이렇게 사용하면 어떨까요?

작성

·

270

0

interface IResponse<T = {}> {
  data: T;
  message: string;
}

interface IUser {
  id: string;
  email: string;
  name: string;
}

class CustomError<T> extends AxiosError<T> {
  constructor(...args: any[]) {
    super(...args);
  }

  static isCustomError<T>(value: any): value is CustomError<T> {
    return value instanceof CustomError<T>;

  }
}


axios.get('').then().catch((error: unknown) => {
  if (CustomError.isCustomError<IResponse<IUser>>(error)) {
    // console.error(
    //   (error as  AxiosError<{ message: string }>.response?.data.message)
    // )
    
    const errorMessage = error.response?.data.message;
  }
})

response의 대해서 타입이 좁혀지긴 하지만, 지저분해서 맞는 방법인지 모르겠네요

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

axios는 이제 자체적으로 axios.isAxiosError 메서드를 제공합니다!

geuni님의 프로필 이미지
geuni
질문자

axios.isAxiosError 사용해도 타입 좁혀지네요!

감사합니다 ㅎㅎ

geuni님의 프로필 이미지
geuni

작성한 질문수

질문하기