Javascript 在react js上设置json html

我得到了一个JSON格式的数组。我需要呈现这些内容。如何在不使用任何包或方法的情况下将JSON转换为普通HTML元素

let data = [
    "John Doe Interests are",
    "<ul>\n <li>\n a) Football </li>\n  <li>b) Hockey</li>\n</ul>",
    "Good"
]

John Doe的兴趣是

足球
曲棍球

很好

您可以使用这些软件包轻松做到这一点。不再需要使用

危险的LysetinerHTML

• -清理HTML
• -将HTML字符串转换为React组件

data.json

[
“约翰·多伊的兴趣是”，
“
\n
\n a）足球
\n
b）曲棍球
\n
”，
“好”
]

App.js

从“domprify”导入domprify；
从“react html parser”导入ReactHtmlParser；
从“/data.json”导入数据；
函数App（）{
返回(
{data.map（（内容）=>ReactHtmlParser（DOMPurify.sanitize（内容））}
);
}
导出默认应用程序；

---

如果您需要进一步的支持，请告诉我。

不使用[…]设置危险方法。

为什么？（同样，JSON在这里是不相关的；您拥有的是一个数组）但我将此数据作为JSON获取，它是一个JSON文件，那么我如何将其转换为不带引号和分隔线的html您可以将其转换为带有

数据的单个字符串。join（“”）

，但如果我使用data.join（“”）则不会呈现为html元素，相反，li将被打印为字符串。一旦JSON文本被解析为数组，它过去是JSON就不重要了。现在它是一个包含换行符的字符串数组（引号是分隔符，而不是字符串的一部分）。因此，您的问题是“如何在React组件中插入一组字符串”，而这样做的方法是危险的