Estoy tratando de mostrar imágenes que se cargan en un modal que se muestra a continuación:

 <template iterator:thefield={images}> <template if:true={imagesAttached}> <div class="slds-file slds-file_card slds-float_right" key={thefield.value.apiName} style="width: 15rem"> <div class="slds-grid slds-gutters"> <div class="slds-col slds-p-horizontal_medium"> <span> <div class="slds-file slds-file_card slds-float_right" style="width: 15rem"> <figure> <img src={images} alt="Description of the image" /> </figure> </div> </span> </div> </div> </div> </template> </template>

Tengo una función que toma la imagen y la coloca en una matriz.

 getImages(string) { const imgRex = /<img .*?>/g // /<img [^>]*src=['"]([^'"]+)[^>]*>/gi const images = []; let img; while ((img = imgRex.exec(string))) { images.push(img); if(images.length > 0){ this.imagesAttached = true; } } return images; }

Apreciaría la ayuda. Gracias.