【備忘録】axiosのResponseに型を付与する。

対象のレスポンス

~/develop/node $ curl https://jsonplaceholder.typicode.com/todos/1
{
  "userId": 1,
  "id": 1,
  "title": "delectus aut autem",
  "completed": false
}%      

→jsonplaceholderの取得結果に型をつけていきます。

app.ts

import axios from "axios"

// 型定義を実施
type User ={
    userId:number
    id:number
    title:string
    completed:boolean
}

// main処理の関数
const main = async ()=>{
    const user = await axios.get<User>("https://jsonplaceholder.typicode.com/todos/1")
    console.log('user.data: ',user.data)
    console.log('user.data.userId: ',user.data.userId)
    console.log('user.data.id: ',user.data.id)
    console.log('user.data.title: ',user.data.title)
    console.log('user.data.completed: ',user.data.completed)
}

// main関数を実行
main()

実行結果

~/develop/node $ ts-node app.ts
user.data:  { userId: 1, id: 1, title: 'delectus aut autem', completed: false }
user.data.userId:  1
user.data.id:  1
user.data.title:  delectus aut autem
user.data.completed:  false