react-hook-formとyupを使った重複チェックバリデーション
最近yupに値の重複チェックするためのいい感じの機能が入ったので、react-hook-formと組み合わせて重複チェックをする方法を備忘のため書き綴っていきます。
今まではデータのネストが深い場合、ネストを遡って他のデータにアクセスしデータのバリデーションが難しかったのですが、yupのv0.29.1から追加されたtest
関数のコンテキストのfrom
プロパティを使用することによってネストを遡ることが容易になりました。
jquense/yup#556
今回はそのfrom
を使用し、フォームの重複チェックバリデーションを作ってみます。