/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

14 votes117 views2 answers
Photo in React native
Javascript React
1 vote115 views1 answer
Deploy react to aws
Javascript React
0 vote115 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote111 views1 answer
Navigate to another page onPress button react native
Javascript React
3 votes113 views2 answers
React focus
Javascript React
0 vote125 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React
7 votes145 views2 answers
Import a script to my react componetn
Javascript React
0 vote116 views1 answer
React native fade in fade out animation
Javascript React
0 vote117 views1 answer
React Movies
Javascript React
133 votes276 views6 answers
Create react project
Javascript React