TIL
onclick vs onsubmit 차이
- onClick:마우스로 클릭 시 발생되는 이벤트
- onSubmit: 폼의 데이타 전송 바로 전에 발생되는 이벤트
- from tag 안에서 사용할 수 있다.
- Submit 을
onSubmit={onsubmit}
로 지정하고 button을 눌렀을 때 같이 수행되도록 하는코드
preventDefault();
: onclick event 와 다른 점이 Submit event는 항상 자기 스스로 초기화 하는 습성을 가지고 있다. 그래서 위와 같은 preventDefault();
를 실행해주면서 기본행위를 못 하게 막아줘야한다.
- 버튼을 클릭하는 input태그는
type=”submit”
으로 onClick
과 같은 효과를 나타낸다
const onsubmit = async (e) => {
e.preventDefault();
};
return (
<div>
<form onSubmit={onsubmit}>
<input
type="submit"
value="LogIn"
></input>
</form>