Breaking News: Grepper is joining You.com. Read the official announcement!

Popup is not working

Enthusiastic Elephant answered on May 27, 2021 Popularity 7/10 Helpfulness 2/10

answer Popup is not working

Popup is not working

Comment

import 'bootstrap/dist/css/bootstrap.css';
import React from 'react';
import './index.css';
import Logo from "../../public/img/Logo.png"
import * as ReactDOM from "react-dom";
import { Popup } from "@progress/kendo-react-popup";


const Header = () =>{

    const anchor = React.useRef(null);
    const [show, setShow] = React.useState(false);
    React.useEffect(() => {
        setShow(true);
    }, []);

    const onClick = () => {
        setShow(!show);
    };


    return(
        <nav class="navbar navbar-expand-lg navbar-light bg-light">

        <button className="k-button" onClick={onClick} ref={anchor}>
        {show ? "Hide" : "Show"}
      </button>

     
      <Popup anchor={anchor.current} show={show} popupClass={"popup-content"}>
        Popup content.
      </Popup>
	</nav>
)};
export default Header;

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript popup

Link to this answer
Share Copy Link