✶ 항해99 16기 3조
팀 프로젝트 Bid Panda의 FE 개발일지
Issue ▸
트롤 유저가 중복 체크를 하지 않고 모든 입력을 채운 뒤 아무 버튼이나 누르면 회원가입이 되는 현상. 문제는 form 태그를 사용한 상태에서 중복체크 부분의 UI를 태그 밖으로 뺼 수 없는 게 문제였다.
Solve :
if문으로 여러개의 state를 조건으로 걸어, 회원가입 api를 작동케 했다.
const formToRegister = async (data: registeredData) => {
const password = data.password;
const checkPassword = checkedPw;
if (password !== checkPassword) {
toast.error("비밀번호가 서로 다릅니다.");
return;
}
if (isValCodeSent && isMembernameCheck && isNicknameCheck) {
await userRegisterApi(data);
if (data) {
toast.success("회원가입에 성공하였습니다.");
navigate("/login");
} else {
toast.error("회원가입에 실패 했습니다.");
}
} else {
return;
}
};