Змяненне шляху без захавання гісторыі ў браўзэры ў NextJS
Прынцып дзеяння
метаду push, разгледжанага
ў мінулым уроке і replace
вельмі падобны. Яны абодва мяняюць маршрут
на паказаны ў іх параметры. Аднак,
пры працы метад replace
не дадае новы запіс
у гісторыю браўзэра. Гэта значыць, што
пры націсканні на левую стрэлку ў браўзэры, ён
не вернецца на папярэднюю старонку.
Давайце цяпер рэалізуем змену маршруту
з дапамогай метаду replace
хука useRouter:
'use client';
import { useRouter } from 'next/navigation'
export default function TestPage() {
let router = useRouter();
return (
<button type="button" onClick={() => router.replace('/login')}>
Login
</button>
)
}
Паўтарыце прыклад, апісаны ў уроку. Пасля націскання на кнопку і змену роўту паспрабуйце перайсці назад у гісторыі браўзэра.