Web系エンジニアのアウトプット練習場スマートフォン用の表示で見るWeb系エンジニアのアウトプット練習場エンジニアリングと書評が中心。FormはReact用の高性能で柔軟かつ拡張可能な使いやすいフォームバリデーションライブラリです。Formの方を好んで使っています。比較はhttps://react-hook-form.com/にまとまっているので、興味があれば見てみてください。2020/1/14にリリースされたuseFieldArrayですが、これがどういうものかを解説したいと思います。Formの恩恵が最大限得られるまず、公式リファレンスに掲載されているCodeSandboxで見てみてください。Count(再描画回数)に注目です。CodeSandboxフォーム内の値を書き換えてみると、最低限の頻度でしか再描画されないようになっていることがわかると思います。useFieldArrayが登場する前は、このような動的フォームを実装する際、自分でReact.useStateで配列を持って、オブジェクトの追加や削除、入れ替えなどの操作は自分で実装する必要がありました。Formの恩恵が得にくい状況にありました。Formにお任せすることができます。Formの恩恵を得られます。前回の記事を参考にどうぞ。月別アーカイブリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!h-sakanoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。