버튼의 type이 submit 이면? onClick이 아니라 onSubmit 을 사용해

우리가 부트스트랩 버튼을 가져올때 type 이 submit일때가 있는데

버튼에 클릭이벤트를 주고 싶어 onClick을 보통 사용하지만 

submit일때는 onSubmit을 사용 해야한다.

 

<Button type=submit  onSubmit ={} > 

 

더 나아가..

 

보통 부트스트랩을 Form안에 Button 을 사용하게 되는데

그럼 

<Form onSubmit ={ 함수 } > 이렇게 사용이  된다.

단! submit 같은경우 페이지가 계속 새로고침이 된다.

리액트는 새로고침을 실행시키면 안된다.

 

 const addContact=()=>{
  event.preventDefault();

  }

 

해당 코드로 새로고침을 막을 수 있다.