Tengo una lista de gastos, quiero crear un código html para iterar sobre todos los gastos y mostrar su nombre. No estoy trabajando con el DOM, literalmente quiero guardar el código html en una variable, para poder generar un archivo pdf con él.
Esto es lo que probé: digamos que tengo esta matriz
const spents = [{expenseName: "Pizza"},{expenseName: "Home"}] const testHtml = () => { for(let i of spents) { const title = `<h1>${i.expenseName}</h1>` } } testHtml()Este es el resultado que quiero, algo como:
htmlResult = "
<h1>${i.expenseName}</h1> <h1>${i.expenseName}</h1>"
por cierto, esto es para una aplicación nativa de reacción.
Creo que esto funcionará para ti.
const spents = [{expenseName: "Pizza"},{expenseName: "Home"}] const testHtml = () => { let title = ''; for(let i of spents) { title += `<h1>${i.expenseName}</h1>` } return title; } testHtml()Podrías usar Array.prototype.reduce() .
const spents = [{ expenseName: "Pizza" }, { expenseName: "Home" }]; const result = spents.reduce((prev, curr, index) => index === 0 ? curr.expenseName : `<h1>${prev}</h1> <h1>${curr.expenseName}</h1>`, ''); document.body.append(result);