Javascript html добавить

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