항해의 여정(18)

qoqo_mi·2022년 6월 7일
0

항해99

목록 보기
17/23

TIL

onclick vs onsubmit 차이

  1. onClick:마우스로 클릭 시 발생되는 이벤트
  2. 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>

0개의 댓글