인프런 커뮤니티 질문&답변

interface IUseMoveToPageReturn {
  onClickMoveToPage: (path: string) => () => void
}

export const useMoveToPage = (): IUseMoveToPageReturn => {
  const router = useRouter()
  const onClickMoveToPage = (path: string) => () => {
    void router.push(path)

  }
  return {onClickMoveToPage}
}

위 처럼 작성 후

<button onClick={onClickMoveToPage("/markets")}>마켓 이동</button>

호출 할 수도 있지만

import { useRouter } from "next/router"
export const useMoveToPage = (path: string) => {
  const router = useRouter()
  return () => router.push(path)
}

보다 직관적으로 하면 인터페이스로 typescript 지정 안하고

<button onClick={useMoveToPage("/boards")}>게시판 이동</button>

호출해서 쓸 수 있지 않나요?