/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
Start withnreact
Javascript React
0 vote149 views1 answer
Log errors react
Javascript React
1 vote136 views1 answer
Proactive vs reactive
Javascript React
0 vote154 views1 answer
React-native-image-viewing
Javascript React
3 votes143 views2 answers
React get data attribute from element
Javascript React
0 vote163 views2 answers
Loop through array react native
Javascript React
28 votes163 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote146 views1 answer
Import typography react
Javascript React
1 vote139 views1 answer
React manifest.json 404 (not found)
Javascript React
23 votes158 views6 answers
React hooks useeffect
Javascript React