Tag Archives: history

[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 }); };