Tengo tres enlaces que expresan tres imágenes diferentes. Quiero enviar estos enlaces a una matriz y puedo mostrar mis imágenes en la pantalla. Cómo puedo hacer eso
Este es mi código JS, ¿es correcto? Muchas gracias.
let cardsource = [ "<a href = 'https://bom.to/Qd87vw'> Card 1</a>", "<a href = 'https://bom.to/P21flg'>Card 2 </a>", "<a href = 'https://bom.to/dFwwNw'>Card 3 </a>", ]; for (var index = 0; index < cardsource.lengh; index++) { console.log(cardsource[index]); }No presione la etiqueta dentro de la matriz, simplemente presione el enlace que le da directamente la imagen.
let cardsource = ['https://bom.to/Qd87vw', 'https://bom.to/P21flg', 'https://bom.to/dFwwNw']; cardsource.map((item) => <img src={item}>)Esto es solo para darle una visión lógica de lo que debe hacer en lugar de lo que ha hecho. Si está trabajando con .jsx, este código funcionaría.
Utilice la función insertAdjacentHTML. Referencia
let cardsource = [ "<a href = 'https://bom.to/Qd87vw'> Card 1</a>", "<a href = 'https://bom.to/P21flg'>Card 2 </a>", "<a href = 'https://bom.to/dFwwNw'>Card 3 </a>", ]; cardsource.map(val => document.body.insertAdjacentHTML('beforeend', val));