Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • useEffectの中でsetStateを使うときはアンチパターンを疑おう
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

38usersがブックマークコメント0

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        useEffectの中でsetStateを使うときはアンチパターンを疑おう

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント0

            • 注目コメント
            • 新着コメント
            新着コメントはまだありません。
            このエントリーにコメントしてみましょう。

            注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

            リンクを埋め込む

            以下のコードをコピーしてサイトに埋め込むことができます

            プレビュー
            アプリのスクリーンショット
            いまの話題をアプリでチェック!
            • バナー広告なし
            • ミュート機能あり
            • ダークモード搭載
            アプリをダウンロード

            関連記事

              usersに達しました!

              さんが1番目にブックマークした記事「useEffectの中でse...」が注目されています。

              気持ちをシェアしよう

              ツイートする

              useEffectの中でsetStateを使うときはアンチパターンを疑おう

              結論 useEffectの中でsetStateを使いたくなったときは、まずは他の方法がないかを確認しよう! 概要 Rea...結論 useEffectの中でsetStateを使いたくなったときは、まずは他の方法がないかを確認しよう! 概要React で開発を行う際、(useState の)setStateと、useEffectはほぼ必ず使います。 しかし、これらを適切に組み合わせないと、コードの複雑さが増し、予期しないバグが発生する可能性があります。 特に、useEffectの中でsetStateを使用することはアンチパターンに繋がる目印になりやすいです。今回の記事では、コード例を紹介しながら図や動画を交えて解説していきます。 useEffectの中でsetStateを使うアンチパターン 1.無限ループの発生 useEffectの依存配列にsetStateで管理する状態を指定すると、その状態が更新されるたびにuseEffectが再度実行され、再度setStateが更新されるという無限ループに陥る可能性があります

              ブックマークしたユーザー

              • techtech05212024/09/23techtech0521
              • knj29182024/09/01knj2918
              • warabi2024/08/18warabi
              • yamori04082024/08/18yamori0408
              • gomasoft2024/08/18gomasoft
              • developmaso2024/08/18developmaso
              • maecchi2024/08/18maecchi
              • hatahata_chan2024/08/18hatahata_chan
              • mikage0142024/08/18mikage014
              • nikochan2k2024/08/18nikochan2k
              • empereur-72024/08/18empereur-7
              • masayuki-as2024/08/18masayuki-as
              • yuiseki2024/08/18yuiseki
              • That2024/08/17That
              • ant_mugi2024/08/17ant_mugi
              • cross-xross2024/08/17cross-xross
              • triceratoppo2024/08/17triceratoppo
              • comb_81072024/08/17comb_8107
              すべてのユーザーの
              詳細を表示します

              ブックマークしたすべてのユーザー

              同じサイトの新着

              同じサイトの新着をもっと読む

              いま人気の記事

              いま人気の記事をもっと読む

              いま人気の記事 - テクノロジー

              いま人気の記事 - テクノロジーをもっと読む

              新着記事 - テクノロジー

              新着記事 - テクノロジーをもっと読む

              同時期にブックマークされた記事

              いま人気の記事 - 企業メディア

              企業メディアをもっと読む

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp