[react] router Link 사용법

https://daeseok94.tistory.com/45

[react] react-router-dom v6 으로 navigate 만들어보기

 

router 사용 예제는 위를 참고해주세요!!

 

Link 사용시 URL에 파라미터 표시

 

App.js

<Route path="/study_main" element={<StudyMain />}>
	<Route index element={<StudyList />} />
    <Route path=":studyId" element={<Study />} />
</Route>

 

예 ) URL localhost.com/study_main/3 

 

Link 삽입하는 곳

<Link to={`/study_main/${study.id}`} />

 

Link 로 넘어간 페이지 파라미터 가져오기

 

const {page, id} = useParams();

 

 

예 ) URL localhost:3000/study_main/3  <-- 해당 URL 이나 새로고침 ERR_aborted 404 에러시

 

webpack 설정 

 

webpack.config.js

new HtmlWebPackPlugin ({
	...,
  publicPath: '/'

}),