Form태그에서 onSubmit이벤트 사용하기
입력폼에 입력값을 입력하고 전송하기
1. 확인버튼을 만들어주고 type은 submit으로 해준다.
submit으로 지정한 버튼을 만들어주면 확인버튼을 클릭했을 떄
Form 태그에 onSubmit이벤트가 발생한다.
2. handleSubmit이라는 함수를 만든다.
일단 콘솔 출력으로 해둔다.
확인해보면 input값을 넣었을 때 동작이 이상하다!!
(페이지가 새로고침되고 콘솔에도 출력되지 않는다.)
html Form 태그의 기본동작은 Submit버튼을 눌렀을 때
입력폼의 값과 함께 리퀘스트를 보내는 것!
그래서 기본 동작을 막아주어야한다.
e.preventDefault();
그러면 콘솔창에 잘 나타나는 것을 확인할 수 있다.
이 값들은 나중에 api를 연동해서 서버로 보내면 된다.
(참고)
submit 이벤트는 input에 커서가 있을 때 엔터를 입력해도 발생한다.
