72. 검증 라이브러리와 공통컴포넌트 재사용

폼 라이브러리 / 검증 라이브러리

 https://github.com/jquense/yup

2개 설치

yarn add @hookform/resolvers yup

import한다

resolver한다

schema = 구조

트리거 = 방아쇠

입력 완료되면 버튼 색상 변경

비교

비교

더 최적화를 하면?

공통 컴포넌트 재사용

여기서 더 줄일 것은 없지만 다른 곳에도 똑같이 사용하기 위해서 하는 것이고,
크리스마스 분위기로 바꿀 때도 한방이면 된다

type=“text”로 넘기는데 문제는 비밀번호는 password이다
password의 type을 password로 한다

 !!!!!!!!!!!!!!!!!!!!! password로 바꿨지만 또 화살표를 보면 type=“text”라고 되어있다 !!!!!!!!!!!!!!!!!!!!!

받아오는 곳에는  type=“text”이 아닌

props.type

register로 변경

버튼

qqq => isActive

최종

미래를 생각해서 코딩해야한다