import styles from './headerNav.module.scss';
const NAV_ITEMS = [
{ title: '# BLOG', path: '/blog' },
{ title: '# COBB', path: '/owner-description' },
{ title: '# ABOUT', path: '/blog-description' },
];
* 여기서 IHandleProps가 어떤 타입을 의미하는지 잘 모르겠다. *
const HeaderNav = ({ handleCloseMenu }: IHandleProps) => {
const router = useRouter();
const handleNavigateAndCloseMenu = (url: string) => {
router.push(url);
handleCloseMenu();
};
return (
<nav className={styles.sidebarNavContainer}>
<ul>
{NAV_ITEMS.map((list) => (
<li key={list.path}>
<button
type='button'
onClick={() => {
handleNavigateAndCloseMenu(list.path);
}}
>
{list.title}
</button>
</li>
))}
</ul>
</nav>
);
};
export default HeaderNav;