/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 vote149 views1 answer
Class and id in react
Javascript React
0 vote197 views1 answer
Get lat and long from address in react js
Javascript React
0 vote189 views1 answer
React hooks update parent state from child
Javascript React
1 vote183 views2 answers
React select npm
Javascript React
0 vote232 views1 answer
React native tab.screen hide title
Javascript React
0 vote194 views1 answer
Counter composant react
Javascript React
-1 vote219 views1 answer
React-native-geolocation-service
Javascript React
0 vote179 views1 answer
Heroku buildpacks with react
Javascript React
8 votes173 views1 answer
React hooks with objects
Javascript React
3 votes191 views2 answers
React how to scroll to element
Javascript React