/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 vote103 views1 answer
How do you iterate through a list in react stackoverflow
Javascript React
0 vote101 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote100 views1 answer
Change env location react
Javascript React
15 votes121 views6 answers
React forms
Javascript React
1 vote100 views2 answers
Line break in react
Javascript React
0 vote103 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote98 views1 answer
React Native Segmented Control Tab
Javascript React
6 votes93 views2 answers
React native indicator
Javascript React
24 votes105 views4 answers
React copy to clipboard button
Javascript React
33 votes117 views5 answers
Img tag in react
Javascript React