Share
Sign In
📄

<a> href 대신에 <Link> to 사용하자!

react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기
react에서는 a 태그와 href 사용하여 페이지를 이동할 경우 렌더링이 실패하는 현상이 발생한다.
이럴때 react-router-dom을 쓰자!
경고! V5 버전과 V6 버전의 문법의 차이가 크니 조심하자!
routes/index.js
App.jsx
./Components/Component2.jsx
React 홈으로 돌아가기
React.js
메인으로 돌아가기