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