Императивный подход к навигации на стороне клиента¶

В большинстве случаев для реализации навигации на стороне клиента достаточно компонента Link из next/link. Однако, для этого можно использовать и роутер из next/router:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

import { useRouter } from 'next/router';

export default function ReadMore() {
  const router = useRouter();

  return (
    <button onClick={() => router.push('/about')}>
      Читать подробнее
    </button>
  );
}

Комментарии