next/router

next 라우터는 ‘pages’디렉토리에 추가된 폴더/파일을 경로로 사용한다.

• ‘pages/index.js’ → ’/’
• ‘pages/blog/first-post.js’ → ‘/blog/first-post’

라우터 객체 (router object)

컴포넌트에서 useRouter/withRouter를 사용하여 라우터 객체를 이용할 수 있다. next에서는 useRouter 사용을 권고한다.

1.useRouter 사용법

import { useRouter } from 'next/router'

function page = () => {
  const router = useRouter();
  ...
}

export default Page;

2. withRouter 사용법

import { withRouter } from 'next/router'

function page = ({router}) => {
 ...
}

export default withRouter(Page);