是否可以在ReactJS的页面上显示xml代码？

Question

说我有这个xml代码，我想在我的页面上显示它：

<?xml version=\"1.0\" encoding=\"UTF-8\" ?> <rss version=\"2.0\">  
<channel> 
      <title>W3Schools Home Page</title>   
<link>https://www.w3schools.com</link> 
      <description>Free web building tutorials</description>   
<item>     
<title>RSS 
    Tutorial</title>     
<link>https://www.w3schools.com/xml/xml_rss.asp</link>
         <description>New RSS tutorial on W3Schools</description>   </item> </channel>  </rss>

我尝试这样做，但是输出不是我想要的：

<div dangerouslySetInnerHTML={{ __html: this.state.body }} />

输出如下：

https://www.w3schools.com免费网站建设教程https://www.w3schools.com/xml/xml_rss.asp W3Schools上的新RSS教程

这不是我想要的。我希望它在页面上显示rss feed而不重定向我，我该怎么做？ （顺便说一句，身体的阅读情况还不错，所以问题不在于身体）

Answer 1

如果要显示XML源代码，则只需像输出其他任何文本一样输出它即可：

CURRENT_TIMESTAMP()

如果您想进行合理的格式化，那么您实际上需要解析XML并从中提取您关心的数据。 （那里有JavaScript RSS解析器，您可能希望在NPM上寻找可以用来为您做繁重工作的库）。