我正在嘗試洗掉添加到我的網站的課程。當我單擊“漢堡包圖示”以顯示隱藏選單時，添加了此類（“showmenu”）。當我單擊新頁面時，由于“showmenu”類，移動選單仍會打開。有人可以幫我解決嗎？
import { useState } from "react";
const Navbar = () => {
const [isActive, setActive] = useState(false);
const handleToggle = (event) => {
setActive(!isActive);
};
return (
<header>
<a className="toggle-nav" id="icons" onClick={handleToggle}>
☰
</a>
<nav id="nav-menu" className={`hidden${isActive ? " showmenu" : ""}`}>
<Menu />
</nav>
</header>
);
};
export default Navbar;
uj5u.com熱心網友回復：
這是因為該<Menu />組件是<nav>. 您可以做的是handleToggle作為道具傳遞給<Menu>組件。在<Menu>組件內部，當用戶點擊鏈接時，觸發handleToggle. 讓我知道它是否有幫助:)
uj5u.com熱心網友回復：
我想有一些CSS問題。另一種方法是在您想要隱藏 DOM 元素時完全洗掉它，如下所示。
{isActive && (
<nav id="nav-menu" className={`hidden${isActive ? " showmenu" : ""}`}>
<Menu />
</nav>
)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/439730.html
下一篇：如何將圓圈連續放置在隨機位置？