리액트 페이지 이동

프로젝트를 하다가 리액트에서 페이지 이동에 대해 궁금한게 생겼다.

평소에는 페이지 이동을 할 때 useNavigate를 사용하여 페이지를 이동하였다.

import { useNavigate } from 'react-router-dom';

const navigate = useNavigate();
const 함수명 = () => {
		navigate("/이동할 주소")
}

어느날은 localhost:3000으로 시작하지 않고 서버에서 localhost:8080으로 서버를 받아와야 하는 경우가 생겼다.

평소처럼 useNavigate를 활용하여 함수를 만들고 있었는데, 문득 /앞에 숫자를 바꾸려면 어떻게 해야하나 생각이 들었다.

찾아보다보니 window.location.href라는 프로퍼티가 있었다.

const pageMove = () => {
	window.location.href = "/이동할 주소"
}

함수를 만들어주고 onClick으로 불러오면 된다.