[react] Link태그 사용시 Error: Invariant failed: You should not use <Link> outside a <Router>

<Router> 는 <BrowserRouter>안에서 사용해야 한다.

Link 태그를 사용하기 위해 프로젝트 디렉토리에 npm install react-router-dom 을 설치한뒤

import {Link} from 'react-router-dom' 해주고, 

index.js 에서 <App />컴포넌트를 <BrowserRouter> </BrowserRouter> 로 감싸주어야 한다.

 

 

 

 

이렇게 하고 나니 오류가 사라지고 Link태그를 사용할 수 있다.