/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

4 votes420 views1 answer
React how to remove commas from a string
Javascript React
0 vote401 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
13 votes311 views1 answer
ReactDOM is not defined
Javascript React
1 vote435 views1 answer
Remove underline from hyperlink react
Javascript React
1 vote426 views1 answer
React component key prop
Javascript React
0 vote425 views1 answer
Auto scroll to view react-native
Javascript React
1 vote413 views1 answer
Found page without a React Component as default export in
Javascript React
0 vote369 views1 answer
React native force vertical
Javascript React
2 votes383 views1 answer
Audio react
Javascript React
0 vote378 views1 answer
How to use elements of 'react-router-dom'
Javascript React