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 vote138 views1 answer
Middel click vuejs
Html
1 vote138 views1 answer
Void javascript
Html
0 vote132 views2 answers
Stopimmediatepropagation vs stoppropagation
Html
9 votes127 views4 answers
Html add image from folder
Html
15 votes137 views4 answers
How to add a link to your images in html
Html
1 vote123 views1 answer
<noscript><p title="</noscript><img src=x onerror=alert(1)>">
Html
0 vote122 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
0 vote132 views1 answer
Html franc symbol
Html
0 vote133 views1 answer
Cadre rectangulaire bootstrap
Html
34 votes139 views5 answers
Html img src
Html