/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

1 vote383 views1 answer
How to position View absolute react native
Javascript React
24 votes365 views6 answers
React native navigation
Javascript React
0 vote452 views1 answer
How to console log in react native
Javascript React
106 votes409 views2 answers
React npm build
Javascript React
0 vote407 views1 answer
RenderIndicator example react responsive carousel
Javascript React
1 vote395 views3 answers
How to make sticky footer with react router
Javascript React
0 vote380 views1 answer
Divide string in lines react native max width
Javascript React
0 vote400 views1 answer
Bottom tab navigator react native transparent
Javascript React
0 vote380 views1 answer
React children map
Javascript React
0 vote427 views1 answer
How to prevent previous radio button active react native
Javascript React