/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

2 votes167 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote208 views1 answer
React google places auto complete example
Javascript React
15 votes160 views1 answer
React forwardref
Javascript React
0 vote183 views5 answers
React redux cheat sheet
Javascript React
0 vote161 views1 answer
Center child components in react
Javascript React
0 vote183 views1 answer
Svelte reactive async
Javascript React
1 vote157 views1 answer
Class Component in ReactJS
Javascript React
23 votes162 views3 answers
Copy text to clipboard javascript react
Javascript React
1 vote175 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
0 vote125 views1 answer
Import pdfmake in react
Javascript React