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

 

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

 

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

 

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

 

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

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

ReactTypeScript

コメントする

メールアドレスが公開されることはありません。