BEST
[리뉴얼] React로 NodeBird SNS 만들기
리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.
노드버드 사이트 상단 메뉴에 밑줄이 안 그어져서 고민이셨던 분들께
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에 넣으시면 됩니다.
댓글