[React] react-router-dom error [url만 바뀌고 페이지 랜더링이 안될경우...]

문제.

link를 눌렀을때 url만 변하고 페이지 랜더링이 진행이 되지 않음.

 

 

해결방법

 

호출하는 Footer가 컴포넌트이고 App.js에서 <BrowserRouter>를 묶어줄때 라우터만 묶고, 컴포넌트로 묶지 않을경우, 라우터로 정보가 가지 않음. 때문에 라우터를 최종적으로 랜더링 되는 index.js에 BrowserRouter로 묶어주면 footer와 app.js두개가 묶어지므로 에러가 해결됨.

부모객체인 index.js 랜더링되면서 footer에서도 link를 통해 라우터에 접근가능하며, 링크페이지로 넘어가는 것을 확인할수 있다.