Переход на адрес в NextJS
Хук useRouter из next/navigation
дает объект с методом push.
Метод push открывает указанный путь
и добавляет запись в историю браузера -
кнопка «назад» вернет пользователя
на прежний адрес.
Давайте сделаем кнопку входа на странице
/test. В page.jsx объявим
useRouter и по клику вызовем
метод push с путем /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.
