/Javascript/React/Show and Hide element in react

Show and Hide element in react

return(
  <nav className="nav__bar">
    <ul className="menu">
      <li className="menu__icon" onClick={() => setShow(currentShow => !currentShow)}>
        <box-icon name='menu' color="floralwhite" size="md"/>
        { show ? <Curtain/> : null }
      </li>
    </ul>
  </nav>
);

Source: stackoverflow.com

Similar codes

0 vote195 views1 answer
Rendering an array in react
Javascript React
0 vote225 views2 answers
React native setstate object
Javascript React
0 vote209 views4 answers
React native biometrics sign in
Javascript React
0 vote244 views1 answer
User account in react
Javascript React
11 votes249 views3 answers
Create react tailwind app
Javascript React
26 votes252 views6 answers
React redirect to url
Javascript React
1 vote225 views1 answer
Toggle drawer react native
Javascript React
0 vote248 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote240 views4 answers
How to pass data between routes in react
Javascript React
0 vote247 views1 answer
React native map repeate
Javascript React