sirayo https://blog.hatena.ne.jp/sirayo/ asoview! Tech Blog https://tech.asoview.co.jp/ こんにちは。 アソビューでフロントエンドエンジニアをやっています、白井です。 今回はフロントエンドをやっていく上で避けられないものの一つである、フォームバリデーションのお話です。 フォームバリデーションライブラリの React Hook Form と、バリデーションスキーマライブラリ Zod の組み合わせは扱いやすく便利なのですが、 バリデーションで使っているデータを後から動的に変化させたいようなシーンでは一手間加える必要があったため、今回はその方法を紹介したいと思います。 やりたいこと 実装方法の検討 ① Zod のスキーマとは別にバリデーションを行う ② React Hook Form に… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.asoview.co.jp%2Fentry%2F2024%2F10%2F01%2F125332" title="Zod + React Hook Form で動的なデータでバリデーションを実装する - asoview! Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/sirayo/20240924/20240924224138.png Hatena Blog https://hatena.blog 2024-10-01 12:53:32 rich https://tech.asoview.co.jp/entry/2024/10/01/125332 1.0 100%