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 vote189 views1 answer
What to use for double quotes in html
Html
7 votes217 views4 answers
Change button color in html
Html
5 votes198 views2 answers
Disable a tag
Html
24 votes193 views2 answers
Html keywords for search engines
Html
4 votes178 views2 answers
Standard html starter code
Html
0 vote164 views1 answer
Login fa fa
Html
4 votes195 views3 answers
Hyperlinks in html
Html
0 vote269 views1 answer
Markdown: text alignment and size
Html
0 vote249 views1 answer
How to add number input field with default value
Html
0 vote398 views3 answers
A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01
Html