How to add html in useState

  export default function navbar() {

    const [isOpen, setIsOpen] = useState(false);

    const handleClick = () => {
      setIsOpen(!isOpen)
    }

    return (
      <nav>
        <div className="logoBtn">

          <div className="logo">
            <a href="#"><h1>Logo</h1></a>
          </div>

          <div className="btn" onClick={handleClick}>
            <div className="bar"></div>
            <div className="bar"></div>
            <div className="bar"></div>
          </div>

        </div>

        <ul className={isOpen ? 'showNav' : und}>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Projects</a></li>
          <li><a href="#">Contact</a></li>
        </ul>

      </nav>
    );
  }

Source: stackoverflow.com

How to add html in useState

export default function Navbar() {

Source: stackoverflow.com

Similar codes

-2 votes256 views1 answer
W3c
Html
0 vote273 views1 answer
Remove blank rows in html vs code
Html
9 votes287 views2 answers
How set the function on button when click and show the window.print output in js
Html
0 vote282 views1 answer
Location nearby html
Html
12 votes288 views3 answers
Loopback relations include inside include
Html
0 vote283 views1 answer
Sum total free html code
Html
0 vote256 views1 answer
Show html in laravel template
Html
0 vote258 views1 answer
Google web fonts open sans
Html
1 vote266 views1 answer
Bs4 monospace
Html
1 vote270 views2 answers
How to make html element center of the screen
Html