/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 vote187 views1 answer
Relative width and height image react native
Javascript React
0 vote239 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote208 views2 answers
React native: how to know th softkey height
Javascript React
0 vote203 views1 answer
ResolveAssetSource react-native-web
Javascript React
0 vote187 views1 answer
React array if id is present do not add element
Javascript React
0 vote199 views1 answer
React antd form disable submit button
Javascript React
0 vote210 views4 answers
React tutorial for beginners
Javascript React
7 votes225 views3 answers
Conditional style prop react
Javascript React
0 vote137 views1 answer
React icons cdn
Javascript React
3 votes174 views1 answer
React cloud foundry nginx 404
Javascript React