/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

18 votes231 views3 answers
Add object to array react hook
Javascript React
0 vote259 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
0 vote266 views1 answer
Async wait for axios reactjs
Javascript React
1 vote281 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote263 views1 answer
How to add css based on route react
Javascript React
7 votes240 views4 answers
React router link
Javascript React
18 votes244 views5 answers
How to use svg in react js
Javascript React
3 votes245 views3 answers
Async await class component react
Javascript React
1 vote270 views1 answer
Reactjs get checkbox value
Javascript React
37 votes215 views5 answers
React sass
Javascript React