react
管理画面系などたまーに下記の画像のように改行区切りで値を取得したい時があります。 console そんなときは、サンプルコードのようにすればyupと組み合わせたときでも問題なく値を取得することが可能です。 import { NextPage } from 'next'; import { Cont…
大変便利なreact-hook-form。 便利なreact-hook-formにはdefaultで使えるvalidation機能があります。 <input {...register('firstName', { required: true, max: { value: 10, message: 'error' } })} /> このような形でregisterで登録するときに、optionsを指定すれば、ある程度のvalidationを実装することは可能です。 ただ、複数の入力項目になった場合、c…
目的 reactのform componentを書くときに入力値をstateで管理して、stateまみれのcomponentを作ってしまって可読性を下げてしまうことってありませんか? 例えば、こんな感じ。 import {NextPage} from 'next'; import {useState} from 'react'; const Start…