reactjs - 如何将 html 文件加载到 React 中的 iframe 元素中？

Question

我想将本地 html 文件加载到 React 中的iframe元素中。我在这个问题上遵循了公认的答案，但它不起作用。

我项目中的文件夹结构如下：

• 源代码
  • 成分
    • myIframeComponent.js
  • 测试HTML文件
    • 索引.html

iframe 元素如下所示：

 <iframe
   src="../testHTMLFiles/index.html"
   height="100%"
   width="100%"
   frameBorder="0"
 />

我错过了什么？

标签： reactjsiframe

Answer 1

iframe src 必须包含绝对 url：

https://www.example.com/testHTMLFiles/index.html

这是因为在您的构建中，文件在构建后在此位置不可用，并且 iframe 路径在 iframe 被实例化时被解析。