form 안에서 sumbit이 아닌 버튼이 요청이 갈 때 해결법

form

form 안의 버튼에 보통 submit를 많이 사용한다. 하지만 form 안에 버튼이 여러 개인데 하나의 버튼에서만 submit를 사용하고 싶으면 다른 버튼의 type에는

<button type="button">

이렇게 type을 button으로 만들어야 한다. 그렇지 않으면 다른 버튼을 눌러도 요청이 가버린다.

 

-예시

          <button type="button" onClick={onCloseCheckIdModal}>

          <SignUpBtn type="submit">가입하기</SignUpBtn>

이런식으로 form 안에서는 type을 지정해줘야 한다.