[myCart] signup에러 출력

 

 const [formError, setFormError] = useState("");

  //가입하기

  //폼 입력창에 작성한 데이터 객체 formData와 이미지파일을 signup 함수에 전달한다.

  const submitData = async (formData) => {

    try {

      await signup(formData, profilePic);

    } catch (err) {

      console.log(err.response.data.message);

    }

  };

 

에러를 출력해본다. 

 

같은 이메일로 가입시도를 해봤다.

.

이 에러를 state에 저장한다.

 

  //가입하기

  //폼 입력창에 작성한 데이터 객체 formData와 이미지파일을 signup 함수에 전달한다.

  const submitData = async (formData) => {

    try {

      await signup(formData, profilePic);

    } catch (err) {

      setFormError(err.response.data.message);

    }

  };

 

 

그리고 submit 버튼 위에 에러 발생 시에 출력하게끔 코드를 추가한다. 

        {formError && <em className="form_error">{formError}</em>}

        <button className="search_button form_submit" type="submit">

          Submit

        </button>

 

 

에러 출력 시