React_form 태그 안의 onSubmit 사용

보윤이의 기술 블로그·2022년 3월 20일
1

React

목록 보기
2/18
  • form 태그 안에 onSubmit={onSubmit} 을 써서 댓글을 입력하고 게시 버튼을 클릭하거나 엔터를 누를때 댓글창에 쌓이게끔 해주려고 했는데, 엔터키를 누르면 되지만 게시 버튼을 클릭했을 때 실행되지 않았다.

  • 알고보니 button에 type을 button 으로 하거나 onClick 이벤트로 submit을 처리하면 엔터를 누를 경우나 모바일 웹서비스에서 키패드로 submit이 불가능 하기 때문이다.
    즉, submit 은 type 이 button이 아닌 submit 이기 때문.

profile
어제보다 오늘 더 성장하는 프론트엔드 개발자

1개의 댓글

comment-user-thumbnail
2022년 3월 27일

헐... 이거 왜 안되나 했는데... 감사합니다 보윤님 ㅎㅎㅎㅎ

답글 달기