[react router 6] 브라우저 주소표시줄 (browser url address bar) 내용 변경하기 (navigate())

By | 3월 22, 2023

환경

  • react router 6


개요

  • vanilla js에서는 window.history.pushState 를 사용한다고 하는데
  • react router 6 에서는 useNavigate 를 사용하면 된다.


  const navigate = useNavigate();
  const { pathname } = useLocation();
  ...
  const handleSearch = () => {
    const newSearch = new URLSearchParams({ page: 1 } as any).toString();
    navigate({ pathname, search: newSearch });
  };
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments