2

下記のURLにアクセスするとGitHubリポジトリのデータがJsonファイルで返されるのですが、配列の中に複数オブジェクトが入ってる物にどのように型を定義すれば良いか教えて頂けないでしょうか?
https://api.github.com/repositories/354726603/contents/articles

この記事を参考に出来ると思ったのですが、返ってくるデータが[{},{},{}...]となっていて返ってくる数も今後増える予想です。
そうなった際にどのように型を定義したら良いか分からなくなりました。
どうか助けて頂けないでしょうか?お願いします。

fetchの結果に型を付けたい

type Articles = {
  id: string;
  name: string;
  age: number;
  created_at: number;
  updated_at: number;
};
2
  • 1
    > 業務ではどのように書いてているのか教えて頂けると幸いです。 この質問だとただのアンケートになってしまうので、書かれた型で何か具体的に発生している問題があれば、それを質問して頂いた方が良いかと思います。(追記で書かれた方が主題であれば、それが分かるように編集された方が良いかもしれません)
    – harry0000
    Commented 2021年4月13日 12:02
  • すいません。質問を分けて書くことにしました。ja.stackoverflow.com/questions/75252/…
    – wataru
    Commented 2021年4月13日 23:28

1 件の回答 1

1

自分なりに書いてみた。 Article という型定義を書いてそれが配列になっているというイメージで書きました。
これで型定義自体は出来たと思います。

type Article = {
  name: string;
  sha: string;
  size: number;
  url: string;
  html_url: string;
  git_url: string;
  download_url: string;
  type: string;
  _links: {
    self: string;
    git: string;
    html: string;
  }
};

const zennArticles: Article[] = await fetch("https://api.github.com/repos/wimpykid719/zenn-content/contents/articles/")
    .then(res => {
        return res.json();
    })
    .catch(err => {
        console.log(err);
    });

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。