fetchテクニック

例:

   fetch(url)
      .then((response) => response.json())
      .then((data) => {
        console.log(data);
      })
      .catch((e) => {
        console.error(`network error : ${e}`);
      });
      

fetchの第1層のコールバックの結果responseは何ですか.なぜ返されたデータは第2層thenの中にありますか.
responseはResponseオブジェクトで、Header、status、statusTextなどの属性が含まれます.具体的なデータを得るには.json(JSON用)、.text(テキスト用)、.formData(FormDataオブジェクト用)などの方法が必要です.なぜreturnが必要なのかというと、Response.jsonはPromiseを返しているので、先にreturnしてから次のレベルで処理するしかありません.
最初のレイヤでデータを取得するにはどうすればいいですか?
回答:

  fetch(url)
      .then(async e => {
        const { code, data } = await e.json()
        if (code === 200) {
          console.log(data)
        }
      })
      .catch((e) => {
        console.error(`network error : ${e}`);
      });