본문 바로가기

[Web]/React

[React] react navigate 사용법 및 데이터 값 전달

반응형

https://basemenks.tistory.com/278

 

react 에서 navigate 사용하기 (useNavigate / Navigate)

🤙 Link 는 특정 주소로 이동해주는 태그였다면, Navigate 는 특정 행동을 했을 때 해당 주소로 이동해줄 수 있게 만들어줍니다. 1. useNavigate 쓰기 useNavigate는 양식이 제출되거나 특정 event가 발생할

basemenks.tistory.com

 

 

https://9x211x2.tistory.com/22

 

[React] navigate로 컴포넌트 이동시 props 전달 방법

home.js에서 edit.js로 이동시 props 전달 // home.js import { useNavigate } from 'react-router'; const handleClick = (e) => { const navigate = useNavigate(); navigate('/edit', { state: e.target.value..

9x211x2.tistory.com

 

반응형

'[Web] > React' 카테고리의 다른 글

[react] react-cookie  (0) 2022.07.21
[React] react router 사용하기  (0) 2022.07.15
[React] react hooks  (0) 2022.07.13
[React] react useState / useEffect  (0) 2022.07.13
[React] recoil 상태관리 라이브러리 사용하기  (0) 2022.07.13