form의 새로고침 오류 해결

리액트에서 로그인 페이지를 만들어 줄 때
form기능을 사용했더니 페이지가 새로고침되는 이슈가 발생했다.

const login = (e) => {
e.preventDefault()
}

<form onSubmit={(e)=>login(e)}>
<button>Log-In</button>
</form>

e.preventDefault()를 이용해 새로고침을 방지 할 수 있다.

preventDefault 참고자료