Button && <form>

유관희·2022년 8월 31일
0
post-custom-banner
<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();
 이것을 꼭 써주어야 한다. 
profile
안녕하세요~
post-custom-banner

0개의 댓글