如果满足我的条件，我想将两个 button/link 一起隐藏。我该怎么做？

Question

这是我的条件代码：- {用户？ : 登录 }

我也想隐藏这个注册 link (Sign UP ) 按条件

Answer 1

只需将注册也放入条件中...

const content = user ? 
<button onClick={logout} style={{ color: "#182D36" }} className=' btn btn-light fs-6 fw-bold'> Log Out < /button> 
:
<>
<Nav.Link as={Link} to='login' >Login</Nav.Link> 
<Nav.Link as={Link} to='register' >Sign UP</Nav.Link>
</>

return (
  <>
    {content}
  </>
)

Answer 2

将它们包裹在同一个 div...

{user ? <button onClick={logout} style={{ color: "#182D36" }} className=' btn btn-light fs-6 fw-bold'> Log Out < /button> : <div><Nav.Link as={Link} to='login' >Login</Nav.Link>
<Nav.Link as={Link} to='register' >Sign UP</Nav.Link>
</div> }

如果满足我的条件，我想将两个 button/link 一起隐藏。我该怎么做？

If my condition fulfilled, I want to hide two button/link with together. How can I do it?

conditional-statements

reactjs