Form submission canceled because the form is not connected
form안에서 submit용으로 버튼을 사용하지 않으니 위와 같은 경고가 발생했다.
button의 기본 타입은 submit이어서 button용도로 사용하려면 type을 button으로 명시해줘야 한다.
(button에 type="button"을 사용하는 이유)
button에 type="button"을 사용하는 이유
다른 사람의 코드를 읽다 보니 을 본 적이 있다. 한 번도 button에 type을 사용해본 적이 없던 나로서는 뭘까 싶었다. 솔직히 아무 문제없이 잘 사용하고 있어서 별로 관심이 없었던 것도 있다. button
choisuhyeok.tistory.com
해결방법 1
<button type="button">버튼</button>해당 버튼에게 type=''button''을 명시하거나
해결방법 2
const handleClickButton = (e) => {
e.preventDefault();
}
<button onClick={handleClickButton}>버튼</button>
이벤트 핸들러에서 e.preventDefault()를 사용하면 해결 가능하다.