javascript - 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