API React строки манипуляции

Question

Я новичок в React js, и я получаю данные от API, который я хочу отобразить на странице. Однако строка, которую я хотел бы отобразить, содержит HTML тегов внутри строки. пример:

"<p>Portal 2 is a first-person puzzle game.</p> <p>Its plot directly follows the first game&#39;s, taking place in the Half-Life universe.</p> <br />"

Как бы я go отобразил это на странице, чтобы он автоматически превращал теги HTML в форматирование, которое должно быть, например:

"

Portal 2 - игра-головоломка от первого лица.

Его сюжет непосредственно следует за первой игрой, происходящей во вселенной Half-Life.

"

Примечание: я предпочитаю держаться подальше от Jquery. Мне бы хотелось, чтобы код был написан простым для понимания способом, поскольку я все еще учусь.

Answer 1

Вы захотите использовать dangerouslySetInnerHTML, чтобы отобразить его как обычный HTML.

https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

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