Реагируйте: необработанный HTML-тег в содержании

Question

Я работаю над приложением React.Есть некоторый динамический контент, который содержит теги HTML.Когда я показываю это содержимое на странице, оно отображается с необработанным HTML-тегом.

Например:

const msg = "Some <strong>text</strong> here"

Я хочу показать это на странице Некоторый текст здесь

Если я использую dangerousHtml, то это выглядит так, без жирного "Некоторый текст здесь"

Может кто-нибудь помочь, пожалуйста?

Заранее спасибо!

Answer 1

Вы можете использовать 'dangerouslySetInnerHTML', например:

const msg = () => ({__html: 'Some <strong>text</strong> here'});

, и использовать его в своем коде, например:

<div dangerouslySetInnerHTML={createMarkup()} />

. Для справки по «dangerouslySetInnerHTML" прочитайте это:

dangerouslySetInnerHTML