250x250
반응형
- Today
- Total
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 오라클클라우드
- query param
- angular
- react life sycle
- 사회복무요원 훈련소
- react toast
- 리액트
- next.js toast
- 훈련소
- server action
- styled-component
- resolved to branch.
- 리액트 알림
- 자바스크립트 순수함수
- 비동기 병렬처리
- NextJS
- 자바스크립트
- sessionStorage
- 리액트 라이프사이클
- 산업기능요원 훈련소
- react
- 오블완
- 훈련소 후기
- useRouter
- svgr
- no-use-before-define
- 공익 훈련소
- useformstatus
- The above error occurred in the
- localStorage
Archives
목록페이지 이동 (1)
아 그거 뭐였지
[React] 리액트 useNavigate 페이지 이동
Q. 로그인 완료되면 메인페이지로 이동해주세요 리액트로 로그인 기능 구현하던중 로그인이 완료되면 메인 페이지로 페이지로 이동하고싶었다. 검색해보니 useHistory를 사용하면 된다해서 사용했다가 이제는 useNavigate로 바뀌었다고 해서 적용해보았다. 사용하기전에 react-router-dom 을 설치하여야 한다. npm i react-router-dom //타입스크립트 사용한다면 밑에도 설치 npm i @types/react-router-dom 사용방법은 useHistory보다 간단해졌다. useNavigate('경로') 이렇게 경로만 적어주면 된다. 바로 코드로 알아보자. import { useNavigate } from "react-router-dom"; // useNavigate를 사용하기위..
Front-End
2022. 7. 28. 23:39