import { useNavigate } from 'react-router-dom';
// ...생략
const navigate = useNavigate();
// ...생략
const gotoMain = () => {
navigate("/main", {
state: {
userId: user.uid
}
});
};
import { useLocation } from 'react-router-dom';
// ...생략
const location = useLocation();
// ...생략
const [userId, setUserId] = useState(
location.state?.userId
);
location의 state프로퍼티에 내가 보낸 데이터들이 담겨있다고 보면 된다.
import { useNavigate } from 'react-router-dom';
// ...생략
const navigate = useNavigate();
// ...생략
const gotoMain = () => {
navigate("/main", {replace: true});
};
기본값은 false이고, true로 돼있으면 페이지가 이동된 뒤 뒤로가기를 하더라도 방금 페이지로 돌아올 수 없고, 루트로 돌아오게 된다고 한다. false는 뒤로가기가 가능.