如何在React中将html文件加载到iframe元素中？

Question

我想将本地html文件加载到React中的 iframe 元素中。我在this question上遵循了公认的答案，但这是行不通的。

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

• src
  • 组件
    • myIframeComponent.js
  • testHTMLFiles
    • index.html

iframe元素如下所示：

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

我想念什么？

Answer 1

iframe src必须包含一个绝对网址：

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

这是因为在构建中，并且在解析iframe实例后解析了iframe路径之后，该文件在此位置上不可用。