/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

26 votes145 views6 answers
React redirect to url
Javascript React
1 vote100 views1 answer
React setup for handling UI.
Javascript React
1 vote107 views1 answer
React native header
Javascript React
0 vote115 views2 answers
React generate component command
Javascript React
2 votes116 views2 answers
Horizontal divider react native
Javascript React
0 vote165 views1 answer
No unuseds varsnreactjs
Javascript React
0 vote108 views2 answers
How to render a component multiple times in react
Javascript React
0 vote119 views1 answer
ScrollspyNav react
Javascript React
4 votes126 views2 answers
Linking in react native
Javascript React
1 vote115 views2 answers
Push values to state array class react
Javascript React