e.preventdefault();

<a>와 <submit>과 같은 몇몇 태그들은 클릭 시 페이지 이동이나 새로고침이 발생하게 된다. react는 SPA(Single Page Application)이므로 submit이 동작했을 때 페이지가 새로고침되지 않도록 하려면 e.preventdefault() 함수의 사용이 필요하다.

 

비슷한 함수로는 e.stopPropagation()이 있는데 이는 이벤트 버블링을 막기 위한 함수이다. 이벤트 버블링이란 자식 element에서 발생한 이벤트가 부모 element로 전달되는 현상인데 e.stopPropagation()을 사용하면 이것을 막아줄 수 있다. 하지만 기본 이벤트를 막아주지는 못한다.