fetchとasyncの復習

React実践 / 全 6 枚

部品はasyncにできない

部品は JSX を返すものです。実践JavaScript の書き方を、そのまま部品には付けられません。

部品をasyncにする

export default
async function App() {
  const res = await fetch("...");
}

中にasync関数を作る

export default function App() {
  async function loadItems() {
    // ここで await を使う
  }
}

async を付けると必ず Promise を返すので、JSX を返せなくなります。

1 / 6

← → キーでも送れます