/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 vote248 views5 answers
React state
Javascript React
5 votes212 views3 answers
React routes multiple compoenents
Javascript React
0 vote242 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote231 views1 answer
Bottom tab navigator react native transparent
Javascript React
2 votes257 views1 answer
React import multiple images
Javascript React
1 vote278 views1 answer
Close exit app react native
Javascript React
0 vote234 views1 answer
React hook form reset only one field
Javascript React
0 vote245 views1 answer
Ng2 validations angular using reactiveforms
Javascript React
1 vote238 views1 answer
How to authenticate token in react using axios
Javascript React
0 vote202 views1 answer
How to use algolia react native
Javascript React