我有一个HTML文件,其中的meta标签,标题,正文,表单来自服务器,是来自字符串的。现在,我的疑问是如何在reactjs中打开完整的html,因为reactjs中已经有一个主index.html。当我尝试使用时,dangerouslySetInnerHTML
它给出了一个空白页。
正如我在评论中提到的,您可以通过多种方式来实现。尽管我讨厌iframe,但它可能是适合您的解决方案。
注意:该解决方案与React无关
import React from "react";
const html = `<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>div{
background: red;
color: white;
}</style>
</head>
<body>
<div>Hello iframe</div>
</body>
</html>`
export default function App() {
return (
<div className="App">
<iframe srcDoc={html} title="my-iframe"></iframe>
</div>
);
}
看现场例子:这里
请在此处阅读有关MDN中的iframe的更多配置
更多阅读填充工具给srcDoc
:这里
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句