컴포넌트에서 router 객체 내부에 접근하려면 userRouter() hook 을 사용할 수 있습니다.
useRouter는 React Hook입니다. 즉, 클래스와 함께 사용할 수 없습니다. withRouter를 사용하거나 클래스를 함수 컴포넌트로 래핑 할 수 있습니다.
다음 내용은 useRouter() hook을 사용해서 메뉴의 색상을 변경하는 예제입니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
import Link from'next/link'; import { useRouter } from'next/router';