[Team Project] Bid Panda ep.8

✶ 항해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;
    }
  };