useHistory, useLocation을 이용한 페이지 값전달

poburi FE·2020년 7월 29일
1

React

목록 보기
9/10

a 페이지에서 b 페이지로 이동하면서 값을 전달하고 싶을 때:

// a.tsx 
import { useHistory } from 'react-router-dom';
...

const history = useHistory();
history.push({
            pathname: '/otp/check',
            search: '?query=abc',
            state: { isOTP: isOTP },
          });

===

//b.tsx
import { useHistory, useLocation } from 'react-router-dom';
...

const location = useLocation();
console.log(location.state);

profile
FE 개발자 poburi

0개의 댓글