/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 vote259 views1 answer
React-bootstrap problem-install new version
Javascript React
2 votes293 views2 answers
How to add query parameter to url reactjs
Javascript React
0 vote244 views1 answer
Make image circle css react
Javascript React
0 vote248 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
1 vote213 views1 answer
Commit in react
Javascript React
0 vote262 views1 answer
React userefrence example
Javascript React
0 vote242 views1 answer
Floating button react
Javascript React
0 vote246 views1 answer
React custom hook refetch data
Javascript React
16 votes252 views3 answers
What does the useReducer do in react
Javascript React
0 vote259 views1 answer
React tooltip on disabled button
Javascript React