Reactのエラー一覧 > 本ページ

Too many re-renders. React limits the number of renders to prevent an infinite loop.

React 実在のエラーメッセージです。原因と解決方法を解説します。

原因

レンダリング中にsetStateを直接呼んでいる(onClick={setX(1)}等)

解決方法

onClick={() => setX(1)} のように関数で渡す。useEffect内なら依存を見直す

エラー文の一部だけ分かる場合はエラーメッセージ検索に貼ると候補を即表示できます。 TypeScriptの設定起因ならtsconfig診断もどうぞ。

関連するReactのエラー