[React] Link, navLink, a tag 비교

KoEunseo·2022년 11월 14일
0

파헤쳐보자

목록 보기
11/31

리액트에서는 a 태그 사용을 기본적으로 지양한다.
그래서 미친듯이 찾아봤는데...
내부 url을 사용할때는 Link
외부 url을 사용할때는 a를 사용한다.

<a> 태그의 href는 페이지를 이동시킬 때 페이지를 새로 불러오게 된다. 따라서 상태 값이 유지되지 못하고 속도도 저하된다.
반면에, Link 컴포넌트는 HTML5 History API를 사용하여 브라우저의 주소만 바꿀 뿐, 페이지를 새로 불러오지는 않는다.
따라서 리엑트에서는 Link 컴포넌트 사용을 권장한다.

아무리 Link에 외부url을 연결해도 작동이 안됨!! 주의할것

navLink는 Link와 기본적으로 같다.
차이점은 스타일을 줄 수 있다는 것!!

profile
주니어 플러터 개발자의 고군분투기

0개의 댓글