特殊字符在反应问题中没有替换答案

【问题标题】：Special character not replacing in react issue特殊字符在反应问题中没有替换
【发布时间】：2018-08-16 10:30:39
【问题描述】：

我的数据库中有一个名为 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&#039;s die 5-7 dagen 
blijven zitten, misschien wel langer! Verwijder de neptattoo&#039;s 
eventueel al eerder met een beetje (baby) olie!<br />
        <br /> Per stuk verpakt in een polybag of als bulk geleverd. <br />
        <br />

使用上面的代码我得到这样的输出

De tijdelijke nep tatoeages in het maximale 格式 50 x 50 毫米，你在 zolang het er maar binnen 过去的 het 格式中弯曲 vrij！在 elke vorm 中，maat en kleur te drukken。 Uiteraard 全彩bedrukt。 Makkelijk op de huid aan te brengen door ze te bevochtigen met water, even aandrukken en de papieren drager te verwijderen。 Tijdelijke tattoo& #039;s die 5-7 dagen blijven zitten，misschien wel langer！ Verwijder de neptattoo's eventueel al eerder 遇见了 een beetje (baby) olie！

Naast de normale 全彩 opdruk kunnen ook speciale effecten toegepast worden zoals 在黑暗中发光墨水，金属墨水在闪光。 De neptatoeages worden helemaal op maat gemaakt, dus ook de (verplichte) gebruiksaanwijzing op de achterzijde kan aangepast worden。每个 stuk verpakt 在 als 散装 geleverd 的 een 塑料袋中。

有没有办法从代码中获取 (& #039;) 特殊字符？ :)

【问题讨论】：

标签： html reactjs

【解决方案1】：

把代码写成：

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

阅读dangerouslySetInnerHTML 文档。

Example

【讨论】：