React- router

1.React의 Router

 1) useNavigate()

히스토리 남기지 않고 싶으면 replace: true

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

export default function App() {
  const navigate = useNavigate();

  const handleClick = () => {
    // 👇️ replace set to true
    navigate('/about', {replace: true});
  };

  return (
    <div>
      <button onClick={handleClick}>Navigate to About</button>
    </div>
  );
}

2) 특정 페이지 접근 제한 (Vue와 다르게 Navigation guard 없음)

https://www.robinwieruch.de/react-router-private-routes/

React Router 6: Private Routes (alias Protected Routes)

 

 

https://react.vlpt.us/react-router/

5장. 리액트 라우터 · GitBook

https://han-py.tistory.com/445

[React] React Router 페이지 이동

https://jforj.tistory.com/146

[React] Router를 이용한 페이지 이동