@Ministr21

Почему не работает Static backdrop from React Bootstrap?

Сама кнопка на сайте появляется, но она почему-то не активна.

вот код

60412e1fa7ee6937692033.png

import React, {  useState } from "react";
import {Button} from 'react-bootstrap'
import Modal from 'react-modal';



const Hack = () =>  {
    const [show, setShow] = useState(false);

    const handleClose = () => setShow(false);
    const handleShow = () => setShow(true);

return (
    <>
    <Button variant="primary" onClick={handleShow}>
        ЖМЯК
    </Button>

    <Modal
        show={show}
        onHide={handleClose}
        backdrop="static"
        keyboard={false}
    >
        <Modal.Header closeButton>
        <Modal.Title>Modal title</Modal.Title>
        </Modal.Header>
        <Modal.Body>
        I will not close if you click outside me. Don't even try to press
        escape key.
        </Modal.Body>
        <Modal.Footer>
        <Button variant="secondary" onClick={handleClose}>
            Close
        </Button>
        <Button variant="primary">Understood</Button>
        </Modal.Footer>
    </Modal>
    </>
);
}

export default Hack;
  • Вопрос задан
  • 16 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Ministr21 Автор вопроса
не правильный импорт Modal, он должен быть import Modal from 'react-bootstrap/Modal'
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы