/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

6 votes189 views2 answers
Hr react
Javascript React
0 vote198 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote208 views1 answer
React form hook trigger is not a function
Javascript React
0 vote227 views1 answer
Get size of a View in React Native
Javascript React
0 vote257 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote199 views1 answer
React native making bigger hitbox
Javascript React
0 vote195 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
2 votes201 views1 answer
React add gradient top to bottom
Javascript React
0 vote200 views1 answer
React overflow scroll
Javascript React
0 vote176 views1 answer
A react component can only return]
Javascript React