개발자
프론트엔드 유효성 검사 어떻게 하시고 계신가요?!
2024년 02월 21일•조회 132
진행하는 프로젝트에서 form에 관리하는 state들이 10개정도되는 편이라 recoil 이나 jotai로 state관리를 진행하고있습니다. 유효성검사가 필요한 부분들은 마찬가지로 const [nameError, setNameError] = usState('') 이런식으로 선언하여 name 변경시 setNameError(value ? 'error message' : '') 형식으로 관리하고있습니다. 각 state마다 이렇게 처리하니 추후 복잡해보이기도해서 더 좋은 방법은 없는지 어떻게 처리하고계신지 궁금해서 질문남깁니다 !
이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이
더 많은 사람에게 노출될 수 있어요.
'보충이 필요해요' 버튼을 누르면 질문자에게
질문 내용 보충을 요청하는 알림이 가요.
익명님의 질문
답변 3
삭제된 사용자
2024년 02월 21일
zod 와 같은 라이브러리를 사용해서 핸들링하는게 좋지 않을까요?
따로 라이브러리 사용하지 않더라도 특별한 예외 케이스가 아니라면 nameError 라는 state를 따로 만들 필요는 거의 없습니다(만들어야 하는 경우도 있긴함) name state를 가지고 nameError 또는 nameErrorMessage 등의 변수를 만들어서 쓰세요
리액트훅폼 같은 비제어컴포넌트 라이브러리 사용합니다
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!