Fatal编程技术网
  • html/
  • Html 在div的标题内显示实体定义

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

html reactjs

Html 在div的标题内显示实体定义,html,reactjs,character-set,Html,Reactjs,Character Set,在React应用程序中具有此HTML块： <div className="my-class" title={myValue}> <div>{myValue}</div> </div> {myValue} myValue的内容是MyCompany™ 内部div正确显示内容 但当鼠标悬停时出现的标题将取代™ 与&trade并显示如下：MyCompany&trade 为什么标题会出现这种情况？有没有办法解决这个问题？你可以

在React应用程序中具有此HTML块：

<div className="my-class" title={myValue}>
   <div>{myValue}</div>
</div>


{myValue}

myValue
的内容是
MyCompany™

内部div正确显示内容

但当鼠标悬停时出现的标题将取代™ 与
&trade并显示如下：
MyCompany&trade


为什么标题会出现这种情况？有没有办法解决这个问题？
你可以使用
危险的LysetinerHTML
，这并不理想，但很好。因此，代码应该如下所示：


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



如果我们一直使用这种格式，它就会起作用，但我只是把它作为一个例子。实际上，标题可以有或没有该实体，也可以位于string@JeanPierre我编辑了我的评论，希望能有所帮助

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