/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 vote198 views1 answer
React router dom default params
Javascript React
0 vote193 views1 answer
Simbu react1
Javascript React
0 vote203 views1 answer
Plotly react
Javascript React
0 vote270 views1 answer
React-native firebase v9+ config
Javascript React
0 vote204 views1 answer
Create react app run test apecific folfer
Javascript React
0 vote194 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote202 views3 answers
React-hook-form input
Javascript React
85 votes281 views3 answers
React random number
Javascript React
11 votes212 views2 answers
How to refresh the page using react
Javascript React
66 votes190 views4 answers
How to redirect to a website in react
Javascript React