[React & 가계부프로젝트] history.back / location.href (router.push) 하고 싶을때 v6

1. location.href (router.push)

import { useNavigate } from 'react-router-dom';
const router = useNavigate();

const handleSubmit = () => {
  //..
  router('/');
}

useNavigate를 react-router-dom에서 꺼내온 후 router라는 변수에 받아 바로 router('이동할 url') 해주면 된다.

 

2. history.back

const router = useNavigate();

return (
    <header className="ac__header">
      <button type="button" onClick={() => router(-1)}>
        <span>뒤로가기</span>
      </button>
    </header>
);

똑같이 router를 변수에 받은 다음 파라미터로 -1을 넘겨주면 history.back 이 된다.