/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

1 vote367 views1 answer
Reconciliation in react
Javascript React
34 votes331 views3 answers
React-router
Javascript React
0 vote356 views2 answers
How to make a search bar in react django
Javascript React
0 vote357 views1 answer
How to add a key in a react element
Javascript React
0 vote398 views1 answer
Swap scroll right in react native
Javascript React
0 vote367 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React
1 vote406 views2 answers
Open websute react native
Javascript React
0 vote361 views1 answer
React native get uri of the image in the app assets folder
Javascript React
9 votes368 views1 answer
Create react app in existing folder
Javascript React
0 vote355 views1 answer
React inlinle style set background image
Javascript React