/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 vote364 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote354 views1 answer
How to filter items in react state
Javascript React
0 vote368 views1 answer
React native elements bottom sheet
Javascript React
24 votes333 views6 answers
React map
Javascript React
0 vote375 views1 answer
React native showing double header stack and drawer menu
Javascript React
9 votes337 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote417 views1 answer
Font awesome react share faShare
Javascript React
3 votes345 views2 answers
React api call
Javascript React
2 votes366 views1 answer
Npm install --save react-native-vector-icon
Javascript React
24 votes340 views5 answers
React map array
Javascript React