<button type="submit">Button</button>
은 왠만하면 <form> tag와 쓰는 것이 좋다.
그리고
<button type="submit" onClick={}>Button</button>
button tag 안에 onClick을 쓰지 않도록 해야 한다. 왜냐하면 button 안에
onClick 기능이 있기 때문이다.
그래서
<form onSubmit={submitHandler}>
<button type="submit">Button</button>
<form>
스타일로 만들어 주는 것이 좋고
const submitHandler = (event) =>{
event.preventDefault();
};
button을 클릭했을때
<form onSubmit={submitHandler}>
가 submitHandler 함수로 form 전체가 날아간다.
근데 이럴때 버튼을 누를때 마다 랜더링이 계속 되기 때문에 이것을 방지해주는
event.preventDefault();
이것을 꼭 써주어야 한다.