react-hook-form 어떤식으로 사용하시나요?

Question

react-hook-form을 사용하는중인데 혹시 여러분들은 어떻게 사용하시나요?저는 간단하게 로그인/회원가입에만 저런구조로 사용하고있어서 공통컴포넌트까지 뺄 필요는없을거같은데유효성검사라고하나요? 이런것들을 좀 추가하다보니 지저분해보이는거같은데 예를들면 아래처럼 input에 유효성검사를 넣으면.. 좀 길어져서 html코드랑 뒤죽박죽되는거같아서 고민입니다.유효성검사 부분만 따로 유틸폴더에 작성해서 할까요 아래처럼요export const passwordValidation = { required: '비밀번호를 입력해주세요', minLength: { value: 6, message: '비밀번호는 최소 6글자 이상이어야 합니다' }, maxLength: { value: 8, message: '비밀번호는 최대 8글자입니다.' }, }; export const password2Validation = { required: '비밀번호를 재입력해주세요', minLength: { value: 6, message: '비밀번호는 최소 6글자 이상이어야 합니다' }, maxLength: { value: 8, message: '비밀번호는 최대 8글자입니다.' }, validate: (value) => value === password || '비밀번호가 일치하지 않습니다.', }; 이런방법도 괜찮을까요?

codezzzz · Answer

https://velog.io/@ckstn0777/React-Hook-Form%EA%B3%BC-Zod%EB%A5%BC-%ED%86%B5%ED%95%9C-Form-Validation-%EC%B2%98%EB%A6%AC참고하시면 좋을꺼같아요!

react-hook-form 어떤식으로 사용하시나요?

1개의 답변

기술 목록