反应问题中的特殊字符不替换

Question

我的数据库中有一个名为description-long的字段，它具有html格式的长描述，我正在使用下面的代码检索内容。

 this.props.product.descriptionLong.split("<br />").map((description, index) => <p key={index}>{description} <br/></p>)

但是，某些特殊字符未被转换并呈现为原样的原因如下：

        De tijdelijke nep tatoeages in het maximale formaat 50 x 50 mm, u bent
     vrij in het formaat zolang het er maar binnen past! In elke vorm, maat en kleur te drukken. Uiteraard full-color bedrukt. Makkelijk op de 
huid aan te brengen door ze te bevochtigen met water, even aandrukken en 
de papieren drager te verwijderen. Tijdelijke tattoo's die 5-7 dagen 
blijven zitten, misschien wel langer! Verwijder de neptattoo's 
eventueel al eerder met een beetje (baby) olie!<br />
        <br /> Per stuk verpakt in een polybag of als bulk geleverd. <br />
        <br />

使用上面的代码，我将得到如下输出

在50×50毫米，你弯曲vrij在het formaat zolang het er maar binnen过去！在埃尔克沃姆，马特恩克鲁特德鲁肯。Uiteraard全色贝德鲁特。这句话的意思是：“马基利克·奥佩德和德勃伦根门遇到了水，甚至是水Tijdelijke纹身& #039;s死5-7达根水泡！Verwijder de nep纹身&‘.’

纳斯特德诺尔马全彩色opdruk特产效果特效，在黑暗中发光，金属inkt en闪闪发光。作者声明：[[ De ]。在als散装凝胶的塑料袋中每根短链。

是否有任何方法从代码中获取(& #039;)特殊字符？)

Answer 1

将代码编写为：

this.props.product.descriptionLong.split("<br />").map((description, index) => {
  const htmlText = {
    __html: description
  };
  return <p key={index} dangerouslySetInnerHTML={htmlText} />;
});

阅读dangerouslySetInnerHTML文档。

示例