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

React

これは

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

ガイドのリンク

ja.reactjs.org

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

サスペンスと競合状態

競合状態はコードが実行される順番について誤った前提を置くために発生するバグ
useEffect フックやクラスの componentDidUpdateを使うとよく起こる。

以下の例を見ながら明日それぞれデータ取得方を見ていく。

function getNextId(id) {
  // ...
}

function App() {
  const [id, setId] = useState(0);
  return (
    <>
      <button onClick={() => setId(getNextId(id))}>
        Next
      </button>
      <ProfilePage id={id} />
    </>
  );
}

今日はここまで。