/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 vote138 views1 answer
React native svg onpress
Javascript React
-5 votes146 views3 answers
Use ref in component reactjs
Javascript React
1 vote143 views1 answer
Toggle drawer react native
Javascript React
-1 vote137 views1 answer
React localstorage remove item
Javascript React
-1 vote195 views1 answer
Spotify player react
Javascript React
0 vote147 views1 answer
Orderbychild firebase react
Javascript React
0 vote204 views1 answer
Mixed line chart for angular or react
Javascript React
0 vote154 views1 answer
Add pdf in react app
Javascript React
0 vote159 views1 answer
React native parent opcaity not affecting text
Javascript React
2 votes141 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React