React-Hook-Form

npm i react-hook-form

const [register, watch, handleSubmit ] = useForm();

register : 해당 태그를 useForm을 사용할 수 있게 등록하는 기능. 그 외에도 onChange, onBlur, ref 기능들을 사용할 수 있다. 첫 번째 인자로 name 을 그 다음은 옵션으로 reuiqred, min, max validate, pattern.. 등을 사용할 수 있다.

watch : useForm에 등록 된 태그들의 값을 보여준다. 여러개의 태그를 등록 했어도 모두 보여준다. onChange -> console.log(event.currentTarget.value) 같은 기능을 간단하게 사용할 수 있게 해줌.

handleSubmit : Submit 은 Form 을 제출하는 버튼이다. handleSubmit 은 한 개 또는 두 개의 인자를 받는데, 첫 번째 인자는 유효성 검사를 통과 했을 때 실행 되는 함수이고, 두 번째 인자는 유효성 검사를 탈락했을 때 실행할 함수이다.

formState :