useRouter hook

useRouter 메서드는 컨텍스트에서 현재 Router 인스턴스를 반환하는 hook입니다. 이 hook은 컴포넌트에서 라우터 인스턴스에 접근할 때 유용합니다.

useRouter returns

• 현재 Router 인스턴스.

⚠️⚠️⚠️ router.state는 항상 최신 상태를 유지하지만, 반응형(REACTIVE)은 아닙니다. 컴포넌트에서 router.state를 사용할 경우, 라우터 상태가 변경되어도 컴포넌트가 다시 렌더링되지 않습니다. 라우터 상태의 반응형 버전을 얻으려면 useRouterState hook을 사용하세요.

Examples

import { useRouter } from "@tanstack/react-router";
 
function Component() {
  const router = useRouter();
  //    ^ Router
 
  // ...
}