/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

126 votes414 views4 answers
React app using npm
Javascript React
-1 vote277 views8 answers
React native
Javascript React
18 votes303 views6 answers
Uselocation react
Javascript React
0 vote298 views1 answer
TrackPromise React
Javascript React
0 vote322 views1 answer
Web-vitals react
Javascript React
106 votes322 views2 answers
React npm build
Javascript React
0 vote282 views1 answer
Use es6 arrow function in react
Javascript React
5 votes306 views1 answer
Laravel react
Javascript React
133 votes504 views5 answers
Npx create-react-app
Javascript React
1 vote314 views1 answer
Dynamic forms in react
Javascript React