10일

e.preventDefault()

e.preventDefault()는 <a> 태그의 href 속성에 설정 된 경로로 이동하는 기본 동작을 차단 하는 이벤트로 생각했다. 하지만 오늘 다시 알게 된 것은 <a> 태그의 기본 동작은 href 경로 이동과 현재 보고는 페이지를 새로고침 하기도 한다.

• href 경로로 이동

• 페이지 새로고침

그래서 Route 설정 시 <a>에 prventDefault() 설정을 해야 한다.

<a
  href="#go-to-movies"
  onClick={(e) => {
    e.preventDefault()
    history.push('/movies')
  }}
>