Javascript html append

Question

假设我有以下函数：

generateHtml() {
let returnhtml;
returnhtml = html `<div>
<h2>${this.data.title}</h2>
</div>`;
this.data.columnData.map(column => {
switch (column.dataType) {
case 'image':
returnhtml += html `<div><img src=${column.imageSrc}></div>`;
break;
case 'text':
returnhtml += html `<div><p>${column.text}</p></div>`;
break;
}
});
return returnhtml;
}

现在，当我运行它时，最后的returnhtml是：

"[object Object][object Object][object Object]"

谁能告诉我我做错了什么？

Answer 1

我们看不到您的功能html但是没有它(并且经过小的修正(，您就可以工作：

const generateHtml = () => {
let returnhtml = `<div><h2>${data.title}</h2></div>`
data.columnData.map(column => {
switch (column.dataType) {
case 'image':
returnhtml += `<div><img src=${column.imageSrc}></div>`
break
case 'text':
returnhtml += `<div><p>${column.text}</p></div>`
break
}
})
return returnhtml
}

在游乐场看：https://jscomplete.com/playground/s519464