[React] Link 컴포넌트

수민🐣·2022년 2월 24일
0

React

목록 보기
13/36

클릭을 하면 다른 주소로 이동시켜 주는 컴포넌트

일반 웹 애플리케이션에서는 a 태그를 사용하여 페이지를 전환하지만 리액트 라우터에서는 Link 컴포넌트를 사용하여 페이지를 전환한다.

a 태그는 페이지를 전환하는 과정에서 페이지를 새로 불러오기 때문에 애플리케이션이 들고 있던 상태들을 모두 날려 버리게 되며 다시 처음부터 렌더링을 한다.

하지만 Link 컴포넌트는 페이지를 새로 불러오지 않고 애플리케이션은 그대로 유지한 상태에서 HTML5 History API를 사용하여 페이지의 주소만 변경해 준다.

<Link to="주소">내용</Link>

결과

0개의 댓글