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

6 votes171 views1 answer
Javascript timespan
Html
6 votes170 views5 answers
Line break
Html
14 votes174 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
13 votes183 views3 answers
Button center class in bootstrap
Html
0 vote193 views1 answer
Open Dropdown pop up upwards forcely
Html
0 vote179 views1 answer
Html paragraph with spaces
Html
1 vote189 views2 answers
Jinja for loop
Html
3 votes179 views6 answers
Meta description
Html
10 votes163 views1 answer
Open link in a new tab hmtl
Html
1 vote169 views1 answer
How to set an element affected by tab
Html