Reactでフォームのバリデーション | React Hooks

 

React Hookそこそこ使える前提です。

 

下記のようにuseStateがある前提、クレカのカード入力をバリデーションしたいとします。

 

バリデーション用のuseStateを追加して、配列にします。

 

で、その値が変わったのをuseEffectでキャッチする。例えばpatternCardは、数字4個だけならtrueを返す。

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

未整理記事

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です