Специальный символ не заменяется в ответной проблеме

У меня есть одно поле в моей базе данных под названием 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 в максимальном формате 50 x 50 мм, u согнутый vrij в het formaat zolang het er maar binnen past! In elke vorm, maat en kleur te drukken. Уйтераард полноцветный бедрукт. 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 & # 039; s eventueel al eerder met 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. Per stuk verpakt in een polybag of als bulk geleverd.

Есть ли способ получить специальный символ (& # 039;) из кода? :)

🤔 А знаете ли вы, что...
HTML поддерживает механизмы для встраивания JavaScript-кода для создания интерактивных элементов.


33
1

Ответ:

Решено

Запишите код как:

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

Прочтите документацию опасноSetInnerHTML.

Пример