如何在不知道字符串内容的情况下将html字符串解析为实际的jsx代码？

Question

我有一个问题，即使我的标头设置为“ application / json”，并且url参数中的格式正确，steam api仍将内容作为html代码返回。我已经接受了链接正确的提示，并且Steam只是在“ contents”属性中返回html代码。我已将长度发送到300，因为我想返回一个简短的描述，我觉得300是长度。如您所见，

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

在appnews.newsitems.contents内

全部是html。我不知道代码中会有什么新变化。因此返回的字符串很有可能是html代码中间的<a href=\"https://www.modiph...之类的东西。没有疯狂的正则表达式，有什么方法可以解决吗？

Answer 1

您可以使用dangerouslySetInnerHTML函数将react元素的内容设置为JSX。

来自文档。

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

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

进一步阅读：https://reactjs.org/docs/dom-elements.html