大家好我有一個小問題我想在擴展中添加一個條件，它的作業方式如下：如果您在主頁上，請轉到相關部分但是如果我們在另一個頁面上，例如用戶頁面，那么當我按下導航欄中的任何按鈕時，它會將我帶到主頁。
<nav id="nav-menu-container">
<ul className="nav-menu">
<li className="menu-active"> <Link className="navbar-brand" to='/'>Home</Link></li>
<li><a href="#about">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#team">Team</a></li>
{sessionStorage.getItem("username")!== null?<>
<li><Link className="navbar-brand" to='/Contract'>Contarcts</Link></li>
<li><Link className="navbar-brand" to='/Userprofile'>{sessionStorage.getItem('username')} </Link></li>
<li><button className="logout" onClick={logout} >LOGOUT</button></li></>:<>
{/* add if Condition to the Link that directs the extension */}
<li><Link className="navbar-brand" to='/Signup'>Signup</Link></li>
<li><Link className="navbar-brand" to='/Login'>Login</Link></li></>}
</ul>
</nav>
如果我在主頁上，請轉到特定部分，如果我不去主頁那么簡單。
uj5u.com熱心網友回復：
試試這個，這有點奇怪，但它可能有效。
嘗試在 href 中的每個部分之前添加斜杠 (/)。
是這樣的：
<li><a href="/#about">About Us</a></li>
所以如果你不在主頁上，當你點擊鏈接時你會回到主頁。
uj5u.com熱心網友回復：
你可以使用這種方法：
import { useLocation } from 'react-router-dom';
function App() {
let location = useLocation();
return (
<Link to={location.path.includes('/Contract')? "/home": "/Contract"}>Contarcts</Link>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/537926.html
上一篇：與比較運算子混淆
下一篇：如何使用ifelsec