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

1 vote238 views1 answer
Html - blank space at left
Html
0 vote163 views1 answer
Web svg drawing tool for mathematics
Html
1 vote152 views1 answer
How to add an ident in html
Html
5 votes150 views9 answers
Sweetalert
Html
4 votes154 views4 answers
Selenium print html
Html
0 vote158 views1 answer
Html disable submit until all required field is complete
Html
0 vote426 views1 answer
Bootstrap switch change text
Html
58 votes137 views2 answers
How to import font awesome in html
Html
25 votes161 views4 answers
Select dropdown default value
Html
12 votes190 views2 answers
Bootstrap for header
Html