/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 vote138 views1 answer
Dull or blur a background image in react native
Javascript React
4 votes171 views2 answers
Linking in react native
Javascript React
0 vote160 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
1 vote157 views1 answer
Textfield label language react
Javascript React
1 vote156 views1 answer
Docker react module not found
Javascript React
1 vote160 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
0 vote153 views1 answer
React native passing params to nested navigators
Javascript React
2 votes151 views2 answers
Easiest way to show current date in react
Javascript React
3 votes161 views2 answers
Use font awsome in react
Javascript React
0 vote145 views1 answer
Eject expo app to android and react native
Javascript React