Как разобрать строку html в фактический код jsx, не зная содержимого строки?

Question

У меня проблема, steam api возвращает содержимое в виде html-кода, хотя мои заголовки установлены на «application / json», а форматирование в параметрах url правильное. Я согласился, что ссылка верна, и Steam просто возвращает HTML-код в свойстве «содержимого». Я отправил длину до 300, потому что хочу вернуть краткое описание, и я чувствую, что 300 - это длина. Как вы можете видеть здесь,

http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=72850&count=3&maxlength=300&format=json

внутри appnews.newsitems.contents что это все html. Я не знаю, что будет нового в коде. так что вполне возможно, что возвращаемая строка имеет вид <a href=\"https://www.modiph... в середине HTML-кода. Есть ли способ решить без безумного сумасшедшего сумасшедшего регулярного выражения?

Answer 1

Вы можете использовать функцию dangerouslySetInnerHTML для установки содержимого элемента реакции в JSX.

Из документов.

function createMarkup() {
  return {__html: 'First · Second'};
}

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

Дальнейшее чтение: https://reactjs.org/docs/dom-elements.html