Typescript: axios 사용, 함수의 type

axios로 데이터를 불러와도 어떠한 형태의 데이터가 오는지 확언할 수 없기 때문에 아래의 data 항목에는 any가 할당된다.

오류가 발생하지는 않지만 Typescript를 사용하는 올바른 예시라고는 할 수 없다.

따라서 promise를 반환한다는 것을 알려주고 Todos 배열로 들어오는 것을 알려줘야 한다.

아래의 get으로 들어오는 데이터는 Todos 배열로 들어오는 것을 알려줬다.

 

1) 함수의 결과를 알려주는 promise<Todos[]>는 없어도 data의 타입은 Todos[]로 들어간다.

2) axios의 get 요청으로 불려온 Todos[]는 없으면 data는 any가 된다.

 

 

함수의 타입을 모르는 경우 등에 유틸리티를 이용하여 알아낼 수 있다.

Promise를 반환하는 경우 특히 유용하게 사용될 수 있을 것 같다.