Estoy tratando de usar Bootstrap modal dentro de React. He abierto con éxito un modal. Para cerrar el modal programáticamente, estoy usando el siguiente código.
$('#exampleModal').modal('hide') El código está escrito dentro del evento onClick de un botón. Cuando hago clic en el botón, aparece el error Unhandled Rejection (TypeError): jquery__WEBPACK_IMPORTED_MODULE_6___default(...)(...).modal is not a function
He importado Bootstrap y jQuery como se muestra a continuación.
import 'bootstrap'; import $ from 'jquery';¿Cómo arreglar esto? ¿Cómo puedo usar jQuery dentro de React para cerrar el modal?
Use react-bootstrap e intente evitar JQuery mientras trabaja con React. Porque JQuery está en un nivel un poco diferente al de los componentes internos de React, si puedo decirlo de esta manera.
En este ejemplo, puede ver cómo se puede manejar dentro del estado del componente para show modal:https://react-bootstrap.github.io/components/modal/#modals-live