エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React HookでオブジェクトをuseStateではなくuseReducerで管理する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React HookでオブジェクトをuseStateではなくuseReducerで管理する - Qiita
概要 setStateでオブジェクトを管理していて起きた予期せぬ動作について調べてみたので記事として残して... 概要 setStateでオブジェクトを管理していて起きた予期せぬ動作について調べてみたので記事として残しておきます。 TL;DR React Hookにおいて、useStateで複雑なオブジェクトを扱うのは最適解ではないのでuseReducerを使用する。 フック API リファレンスより引用 クラスコンポーネントの setState メソッドとは異なり、useState は自動的な更新オブジェクトのマージを行いません。 別の選択肢としては useReducer があり、これは複数階層の値を含んだ state オブジェクトを管理する場合にはより適しています。 useStateではプリミティブ型、またはプリミティブ型からなるオブジェクトを扱い、それ以外のオブジェクトにはuseReducerを使用する。 詳細 Next.jsでdiv要素、input要素にダブルクリックでトグルさせるコンポーネン