Как использовать innerHTML в React? в REACT




135
Как использовать innerHTML в React? в REACT
Рейтинг 10 из 10. Голосов: 1288
Ваша оценка:

dangerouslySetInnerHTML
Атрибут Реагировать заменитель для использования 
innerHTML
в браузере DOM. Точно так 
innerHTML
же рискованно использовать этот атрибут с учетом атак на межсайтовый скриптинг (XSS). Вам просто нужно передать 
__html
объект в качестве ключа и текст HTML в качестве значения.

В этом примере MyComponent использует 

dangerouslySetInnerHTML
атрибут для установки разметки HTML:

function  createMarkup () { return { __html :  ' First & middot; Второй ' } }

function  MyComponent () { return < div  dangerouslySetInnerHTML = { createMarkup () } /> }

Вопросы и ответы


Оставить комментарий

ответить