Перанакіраванне роўта ў NextJS

Для таго, каб перанакіраваць адзін маршрут на другі ўжываецца метад push хука useRouter. У параметры метаду паказвае шлях, на які трэба перайсці. Пры гэтым зададзены шлях будзе захаваны ў гісторыі браўзэра.

Хай пры пераходзе па адрасе /test на старонцы адлюстроўваецца кнопка. Пры націску на яе будзе роўт перанакіроўвацца на /login. Паколькі хук useRouter працуе толькі на баку кліента, то ў файле трэба прапісаць адпаведную дыректыву. Далей імпартуем хук. У функцыі TestPage аб'яўляем зменную router, у якой будзе захоўвацца хук useRouter. Далей у атрыбуце кнопкі onClick прапісваем стрэлачную функцыю, якая будзе перанакіроўваць існуючы роўт на /login:

'use client';

import { useRouter } from 'next/navigation'

export default function TestPage() {
	let router = useRouter();
	
	return (
		<button type="button" onClick={() => router.push('/login')}>
			Login
		</button>
	)
}

На хатняй старонцы вашага праекта зрабіце кнопку, якая будзе перанакіроўваць роўт на /about.