/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 vote142 views2 answers
React open pdf in new tab
Javascript React
-1 vote123 views6 answers
Set image as background react
Javascript React
0 vote128 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
0 vote124 views1 answer
Strike react native
Javascript React
0 vote140 views1 answer
React roter dom npm
Javascript React
110 votes135 views2 answers
Create react js app
Javascript React
1 vote107 views1 answer
React-native-paper password input
Javascript React
0 vote126 views1 answer
React hooks port requst
Javascript React
3 votes129 views2 answers
React router active link css
Javascript React
3 votes127 views2 answers
How to get current screen name in react native
Javascript React