html - 在 div 的标题内显示实体定义

Question

标签： htmlreactjscharacter-set

Answer 1

您可以使用dangerouslySetInnerHTML，这并不理想，但很好。因此，代码应如下所示：

let title = ["MyCompany", <span>™&lt;/span>]
<div className="my-class" dangerouslySetInnerHTML={{__html: title }}>
   <div>{title }</div>
</div>

如果您的实体是动态的，就像您在评论中告诉我的那样，那么我们可以执行以下技巧：

const parseASCII = (string) => { 
  const htmlTextArea = document.createElement('textarea'); 
  textarea.innerHTML = string; 
  return htmlTextArea.value; 
}