IT技术 - 如何将 HTML 文件导入 React 组件并将其用作组件？ - 吾爱随笔录

我要导入一个HTML文件进入一个阵营组件

peft.html

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
  </body>
</html>

索引.js

import perf from perf.html

class Index extends React.Component {
   render(){
      return (
         <iframe src="perf"></iframe>   /* like this */
         <iframe src="./perf"></iframe> /* or like this */
         /* or like any possible way */
      );
   }
}
export default Index;

所以就我而言，我需要导入一个本地 HTML 文件并在其中使用它，但出现错误：

Uncaught (in promise) Error: Module parse failed: C:\Users....\target.html Unexpected token (1:0) 你可能需要一个合适的加载器来处理这个文件类型。

有任何想法吗？如何在 React 组件中加载 HTML 文件？如何添加适当的加载程序来处理这种文件类型？任何事物？

我发现这个解决方案最合乎逻辑：

var __html = require('./template.html');
var template = { __html: __html };

React.module.exports = React.createClass({
  render: function() {
    return(
      <div dangerouslySetInnerHTML={template} />
    );
  }
});

但我无法应用它，因为我收到一个错误：

Uncaught (in promise) Error: Module parse failed: C:\Users\....\target.html Unexpected token (1:0) You may need an appropriate loader to handle this file type. 
| <!DOCTYPE html> 
| <html xmlns="w3.org/1999/xhtml">; 
| <head><title>