React with Bootstrap 4 Modal

Question

I'm using React with Bootstrap 4, and have a modal with a form which I would like to dismiss on a successful submit. The documentation suggests there is a "dispose" method. I'm trying to implement it in the form's action, like this:

const plotModal = document.getElementById('plotModal'); plotModal.modal('dispose');

This doesn't seem to work. What am I missing?

Did you try $('#plotModal').modal('dispose');

cdoshi
– cdoshi

2017-12-26 10:33:52 +00:00
Commented Dec 26, 2017 at 10:33 — cdoshi
– cdoshi, Commented Dec 26, 2017 at 10:33

metinata · Accepted Answer · 2017-12-26 10:44:51Z

1

try close function

plotModal.modal('hide')

answered Dec 26, 2017 at 10:44

metinata

1562 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Boris K Over a year ago

That doesn't workright-but $('#plotModal').modal('hide'); does. What's the vanilla JS equivalent?

metinata Over a year ago

If you are using bootstrap with React. I don't recommend to use pure bootstrap library with react.js directly. There are projects which port bootstrap components to react components so that you can use vanilla javascript to manipulate components without jQuery. Example project: reactstrap.github.io

Collectives™ on Stack Overflow

React with Bootstrap 4 Modal

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related