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 vote304 views1 answer
Display pdf in html fastapi
Html
6 votes400 views2 answers
React render string as html
Html
1 vote339 views1 answer
Multiple form submit for different form action
Html
5 votes285 views1 answer
How to host your html website on github pages for free
Html
0 vote257 views2 answers
H1 html
Html
0 vote224 views1 answer
Html command
Html
13 votes312 views2 answers
Select option html
Html
7 votes302 views2 answers
Html change player speed
Html
2 votes296 views1 answer
Html power
Html
1 vote280 views1 answer
Javascript prevent pinch zoom
Html