Reactガイドを読んでいくその302

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

サスペンスを使ったデータ取得（実験的機能）

React 16.6 で追加されたコードのロードを待機してロード中状態を指定できるSuspenseコンポーネントが追加された。

const ProfilePage = React.lazy(() => import('./ProfilePage')); // Lazy-loaded

// Show a spinner while the profile is loading
<Suspense fallback={<Spinner />}>
  <ProfilePage />
</Suspense>

データ取得用のサスペンスはデータ含むその他あらゆるものを宣言的に待機させることが可能。
明日からはサスペンスとは何かから見ていきます。

今日はここまで。