小编Ale*_*hop的帖子

条件渲染不显示-ReactJS

我有一个注销按钮,仅在用户登录后才显示。

我已经为此目的创建了一个函数,并将该函数包括在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)

javascript reactjs conditional-rendering

4
推荐指数
1
解决办法
97
查看次数