import test from './test.html' import ReactHtmlParser from 'react-html-parser'; console.log(test, 'webview') export default function Sea() { const html = '<div>Example HTML string</div>'; return ( <> <div>ReportFill</div> <div>{ReactHtmlParser(html)}</div>; {/* <div>{ReactHtmlParser("<p>Hello, world!</p>")}</div> */} <div dangerouslySetInnerHTML={{ __html: test }}></div> {/* <iframe width="100%" height="100%" id="mainIframe" srcDoc={webview} title='day1' ></iframe> */} </> ); }

这段代码中，首先通过相对路径引入了一个名为`test.html`的HTML文件，并将其赋值给了`test`变量。然后，使用`ReactHtmlParser`库中的`parse`函数将一个字符串类型的HTML代码转换为React组件，并在`return`语句中将其渲染到页面上。同时，也使用了`dangerouslySetInnerHTML`属性将`test`变量中的HTML代码渲染为HTML元素。最后，还注释掉了一个使用`srcDoc`属性的`iframe`标签。需要注意的是，`dangerouslySetInnerHTML`属性潜在地存在安全风险，因此应该谨慎使用。