/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 vote148 views1 answer
How to resolve cors in production react
Javascript React
1 vote154 views1 answer
React footer
Javascript React
1 vote151 views2 answers
Switch in react
Javascript React
0 vote144 views1 answer
How do i make a link to direct me to a new page when i click on a button in react
Javascript React
4 votes138 views2 answers
How to take 100% width in react native
Javascript React
1 vote170 views2 answers
React beforeunload
Javascript React
0 vote144 views1 answer
React native stopwatch
Javascript React
-1 vote191 views1 answer
React window navigate
Javascript React
0 vote147 views1 answer
@types react-router-dom
Javascript React
0 vote141 views1 answer
React native update helper
Javascript React