🐥

分割代入で変数名を変更したときの型付け

2022/11/13に公開約400字

分割代入で複数の同じキー名が存在する時、変数名を変更する必要がある

const { data } = await fetch('/data/1')
const { data } = await fetch('/data/2') // data重複

👇

// 重複しないよう変数名変更
const { data: data1 } = await fetch('/data/1')
const { data: data2 } = await fetch('/data/2')

👇

// 型をつけるときは変更前のkeyを使う
const { data: data1 }: { data: string } = await fetch('/data/1')
const { data: data2 }: { data: number } = await fetch('/data/2')

// この書き方だと怒られる🙅‍♀️
const { data: data1 }: { data1: string } = await fetch('/data/1')

Discussion

ログインするとコメントできます