Как загрузить html-файл в элемент iframe в React?

Question

Я хочу загрузить локальный html-файл в элемент iframe в React.Я следовал принятому ответу на этот вопрос , но он не работает.

Структура папок в моем проекте выглядит следующим образом:

• src
  • компоненты
    • myIframeComponent.js
  • testHTMLFiles
    • index.html

Элемент iframe выглядит следующим образом:

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

Чего мне не хватает?

Answer 1

iframe src должен содержать абсолютный URL:

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

Это связано с тем, что в вашей сборке файл недоступен в этой позиции после сборки, а путь iframe определяется как экземпляр iframe.