/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 vote326 views1 answer
Rich text react renderer
Javascript React
3 votes304 views1 answer
React cloud foundry nginx 404
Javascript React
1 vote306 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
1 vote330 views4 answers
React native debug apk
Javascript React
123 votes475 views3 answers
Set interval react
Javascript React
0 vote317 views2 answers
Background transparent react native
Javascript React
0 vote357 views1 answer
React native center text vertically full screen
Javascript React
136 votes433 views6 answers
Create a react app
Javascript React
4 votes298 views1 answer
React js materilize
Javascript React
16 votes328 views1 answer
Deploy react app netlify
Javascript React