/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

32 votes135 views1 answer
React roouter dom
Javascript React
0 vote121 views1 answer
React native open simulators list
Javascript React
0 vote123 views1 answer
How to add react.memo in export list
Javascript React
0 vote128 views1 answer
Unexpected token useeffect react native
Javascript React
1 vote154 views1 answer
Reactjs get checkbox value
Javascript React
-1 vote115 views1 answer
React slick npm
Javascript React
0 vote125 views1 answer
Return multiple native element react native
Javascript React
1 vote133 views4 answers
Passing data in route react
Javascript React
5 votes134 views3 answers
React routes multiple compoenents
Javascript React
0 vote136 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React