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

0 vote71 views2 answers
H1 html
Html
2 votes118 views1 answer
Htmladjacent
Html
0 vote117 views2 answers
Drupal 9 path to theme
Html
3 votes118 views1 answer
Html pass a string to clipboard
Html
4 votes109 views4 answers
H1
Html
0 vote106 views1 answer
Pw.println("<br><br><a href= 'WishApp/index.html'>Home</a>");
Html
0 vote123 views1 answer
Sign up form html
Html
22 votes133 views3 answers
How to link to an email in html
Html
9 votes123 views1 answer
Select all instances vscode
Html
0 vote117 views1 answer
Httponly
Html