我有一个注销按钮,仅在用户登录后才显示。
我已经为此目的创建了一个函数,并将该函数包括在react的返回部分中,但是它不起作用。
这是功能:
const ifloggedin = () => {
if (!localStorage.hasOwnProperty('token')) {
return null
} else {
return <li><a href="#contact" className="Contact" onClick={logout} to={"/"}>Log Out</a></li>
}
}
Run Code Online (Sandbox Code Playgroud)
这就是我试图渲染它的方式:
<div className="content">
<li><a href="#hiw" className="Hiw" to={"/about"}>HOW IT WORKS</a></li>
<li><a href="#pricing" className="Price" to={"/pricing"}>PRICING</a></li>
<li><Link className="Faq" to={"/Faq"}>FAQ</Link></li>
<li><a href="#contact" className="Contact" to={"/contact"}>CONTACT</a></li>
{ifloggedin}
</div>
Run Code Online (Sandbox Code Playgroud)