카테고리 없음

{자투리 아카이브} TypeScript | React Router | etc...

윤코코 2022. 12. 4. 09:06
✏️ 중간중간 얻게되는 자투리 지식을 모아놓는 저장고 입니다.

TypeScript

  • useLocation 타입
const location = useLocation() as UseLocation

- react router dom v6부터는 generic을 지원하지 않아 <> 형태가 아닌 as를 사용하여야 한다.

- 참고: https://velog.io/@kml9003/React-react-router-dom-v6-TypeError

 

 

Package Manager

  • 패키지 잠금 파일

- npm은 package-lock.json 파일을, yarn은 yarn.lock 파일을 패키지 잠금 파일로 사용한다.

- 참고: https://www.daleseo.com/js-package-locks/

 

React Router

 

React Router v6 튜토리얼

리액트 라우터 v6를 새로 접하시는 분들을 위한 튜토리얼을 작성했습니다. 리액트 라우터 v6 의 기본적인 사용법, 그리고 이 라이브러리에서 제공하는 다양한 유용한 기능들에 대해서 알아봅시

velog.io

 

react-router-dom v6 Link state 전달

Dashboard List에서 Dashboard title을 클릭하면 dashbaord ID를 가지고 Dashboard Detail 페이지로 넘어가게 된다.기존에는 Link에서 경로에 /:dashboardId 형태로 전달했는데, 어느 순간 갑자기 경로를 인식하지 못

velog.io

 

ETC...