Как мне не экранивавать теги которые прилетают с Backend?

Question

[azemlyankin]

Добрый вечер. Подскажите пожалуйста в чем заключается проблема.
Получаю массив данных с бекэнда, далее при помощи метода map добавляю HTML. Также мне в массив прилетают строки с тегами , которые после добавления в приложение экранируются.

Comments

[Lynn «Кофеман»]

Код, сестра, где код!?
Хрустальные шары в починке.

[azemlyankin]

Lynn «Кофеман», при помощи метода Fetch получаю массив (fetch(url).then(res => res.json().then(data => this.setState({data}))). Далее следующий шаг (this.state.data.map((item, index) => {
return({item.tittle})
})
Получается на страницу рендерится тег Р, а внутри него текст обернутый в двойные кавычки.
При выводе (item.tittle) в консоль, кавычек нету. Я так понимаю это из-за кавычек экранируется тег спан с содержимым. Не могу понять в чем проблема

[Lynn «Кофеман»]

https://ru.reactjs.org/docs/dom-elements.html#dang...
но стоит пять раз подумать прежде чем это использовать…

[azemlyankin]

Lynn «Кофеман», спасибо

Answer 1

[Klein Maximus]

Используйте dangerouslySetInnerHTML
https://ru.reactjs.org/docs/dom-elements.html#dang...

Но, по правде говоря, это не совсем безопасно. Если с сервера вам будут переданы какие-то данные, введенные другими пользователями, то есть вероятность получить XSS уязвимость.