0

aqui esta mi codigo, pero no me sale el modal, pero en el inspector si esta, pro favor alguien que me ayude.

function Example() {
  const [show, setShow] = useState(false);

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

  return (
    <>
      <Button variant="primary" onClick={handleShow}>
        Launch demo modal
      </Button>

      <Modal show={show} onHide={handleClose}>
        <Modal.Header closeButton>
          <Modal.Title>Modal heading</Modal.Title>
        </Modal.Header>
        <Modal.Body>Woohoo, you&apos;re reading this text in a modal!</Modal.Body>
        <Modal.Footer>
          <Button variant="secondary" onClick={handleClose}>
            Close
          </Button>
          <Button variant="primary" onClick={handleClose}>
            Save Changes
          </Button>
        </Modal.Footer>
      </Modal>
    </>
  );
}

render(<Example />);
0

1 respuesta 1

0

La propiedad correcta no es show, sino isOpen:

<Modal isOpen={show} onHide={handleClose}>
    ...
</Modal>

Como consejo, te puedo recomendar que manejes un solo evento para el toggle de tu modal, algo así:

const [show, setShow] = useState(false);
const toggleModal = () => setShow(!show);

return <>
    <Button variant="primary" onClick={toggleModal}>
        Launch demo modal
    </Button>

    <Modal isOpen={show} toggle={toggleModal}>
        ...
    </Modal>
</>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.