エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React Hooksを理解し、無限ループを防ぐ - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React Hooksを理解し、無限ループを防ぐ - Qiita
ReactのHooksについて、ステートフックの更新、関数コンポーネントがいつ再実行されるかや副作用フック... ReactのHooksについて、ステートフックの更新、関数コンポーネントがいつ再実行されるかや副作用フックがいつ呼び出されるかについて、調べてもシンプルに情報がまとまって出てこなかったのでメモします。 私はこの辺について理解していなかったために、ステートの更新で無限ループが発生し対処に苦しみました。 前提 以下のコードはnpx start creat-react-app プロジェクト名で生成されるプロジェクト名/srcディレクトリ内のApp.jsを編集してデバッグしていることを前提にしています。 ステートフックの基本 useStateで設定したステートの値を更新すると、再レンダリング、つまり関数コンポーネントが再実行されます。下記コードではdataには初期値として文字列fooが設定されていましたが、ボタンをクリックすると、barに変更されるので、コンポーネントが再実行されます。そしてそれ以