노드버드 사이트 상단 메뉴에 밑줄이 안 그어져서 고민이셨던 분들께

const router = useRouter();

return (
<div>
<Menu mode="horizontal" selectedKeys={[router.pathname]}>
<Menu.Item key="/">
<Link href="/"><a>노드버드</a></Link>
</Menu.Item>
<Menu.Item key="/profile">
<Link href="/profile"><a>프로필</a></Link>
</Menu.Item>

Menu.Item의 key는 편의를 위해 href랑 일치시켜놨습니다. useRouter에서 router.pathname 받아서 selectedKeys에 넣으시면 됩니다.
소라연 프로필
소라연 2021.01.17 잘됩니다!!!
채널톡 아이콘