Link to, a href in React

일단 정답은 Link to 를 써야 한다. a href라는 html tag를 사용해서는 안된다.

 

https://velog.io/@bigbrothershin/React-Router

React Router: router, link

여기에 잘 설명이 되어 있는데

 

그 이유는 a 태그의 기본적인 속성은 페이지를 이동시키면서, 페이지를 아예 새로 불러오게됩니다. 그렇게 되면서 우리 리액트 앱이 지니고있는 상태들도 초기화되고, 렌더링된 컴포넌트도 모두 사라지고 새로 렌더링을 하게됩니다.
그렇기 때문에 Link 컴포넌트를 사용하는데요, 이 컴포넌트는 HTML5 History API 를 사용하여 브라우저의 주소만 바꿀뿐, 페이지를 새로 불러오지는 않습니다.

 

이렇다고 한다. react에서 절대로 a href 태그를 사용해서는 안된다. 항상 Link를 사용하도록 하자.