StencilJS отображает строку как HTML

Question

Мне нужно отобразить элементы HTML в зависимости от типа файла.Элемент html создает значки.Теперь я получаю только строку.

{
   isArray(data.Attachments)
   ?
   data.Attachments.map(attachment =>
     getIcon(attachment.FileExtension)
   )
   : ''
}

const getIcon = (icon: string): string => {
  if (icon) {
    return '<span class="icon-nolink video-link"></span>'
  }
}

Answer 1

Для вывода неэкранированного HTML вы можете использовать атрибут innerHTML:

render() {
    return <div innerHTML={getIcon('name')}></div>
}

Источник: https://stenciljs.com/docs/templating-jsx/#complex-template-content