TypeScriptの const {data :hoge} = useSWR()みたいな書き方

Question

タイトルに書いたような

 const {data :hoge} = useSWR()

の中にある{data :hoge}は何なのでしょうか？
hogeは型ではないですよね...?
ググり方がわからず困っています
この記事でこのような書き方を見つけて、ここでは

const { data: cat, mutate } = useSWR("/cat", fetcher);

となっています。

どうかお力を貸してください????‍♂️

Answer 1

この表記は、分割代入といいます（MDN）。const hoge = useSWR().data;と書いたのとほぼ同じ意味です。

Answer 2

分割代入とは違う気もするけど、そういう書き方ができるみたいスね。

const {data:cat,dog} = {data:100,dog:"bow"}
console.log(cat)
console.log(dog)

Comments

[Kanikama-chan]

:cat
の部分はdataをリネームしているだけなんですね、納得しました。
https://qiita.com/ringtail003/items/b4de9278cd507feb2478#%E3%83%AA%E3%83%8D%E3%83%BC%E3%83%A0
ありがとうございました！

[takasima20]

(･∀･)b