/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 vote377 views1 answer
Change candle color react highcharts
Javascript React
0 vote388 views1 answer
Dynamic useState in react
Javascript React
1 vote364 views1 answer
React-native razorpay
Javascript React
0 vote316 views1 answer
Create react element with string
Javascript React
4 votes396 views1 answer
External site links in react Link
Javascript React
2 votes387 views1 answer
How to clean react native project
Javascript React
1 vote366 views1 answer
React native header
Javascript React
0 vote374 views2 answers
How to give data from react native to webview
Javascript React
0 vote369 views1 answer
React measure page load time
Javascript React
0 vote408 views1 answer
Create a link in react js to download xcelfile
Javascript React