Tengo el siguiente modal en boostrap
<div className="modal fade" id="exampleModal" aria-labelledby="exampleModalLabel" aria-hidden="true" > <div className="modal-dialog modal-dialog-centered"> <div className="modal-content"> <div className="modal-header"> <h5 className="modal-title" id="exampleModalLabel"> Select a wallet </h5> <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close" ></button> </div> </div> y obtuve a elemento que al hacer clic, muestra el modal.
<a className="nav-link wallet-btn" data-bs-toggle="modal" data-bs-target="#exampleModal" > Show Modal </a>Si quiero cerrar el botón programáticamente, hago lo siguiente:
const el = document.querySelector('.btn-close'); if(el) { // @ts-ignore el.click(); }¿Cómo puedo abrir este modal programáticamente siguiendo la misma idea/forma?
Usa el método Bootstrap .show() .
const modal = document.querySelector(".modal") if (modal) { modal.addEventListener("click", function() { modal.show() }) }Para obtener más información, consulte los documentos: https://getbootstrap.com/docs/5.0/components/modal/#show