/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 vote185 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote218 views1 answer
Unexpected token useeffect react native
Javascript React
1 vote226 views1 answer
How to insatll react-router-dom
Javascript React
9 votes251 views2 answers
Html emmet in react vscode
Javascript React
31 votes208 views1 answer
React router dom IndexRedirect
Javascript React
3 votes216 views1 answer
React data attributes event
Javascript React
0 vote203 views1 answer
Run react android
Javascript React
0 vote220 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote186 views2 answers
Dispay react component after some time
Javascript React
6 votes209 views4 answers
Add items to a react array in hooks
Javascript React