将HTML文件导入React'；s分量_Html_Reactjs

将HTML文件导入React'；s分量

html reactjs

将HTML文件导入React'；s分量,html,reactjs,Html,Reactjs,我在跟踪及我认为这个解决方案最符合逻辑： var __html = require('./template.html'); var template = { __html: __html }; React.module.exports = React.createClass({ render: function() { return( <div dangerouslySetInnerHTML={template} /> ); } }); v

我在跟踪

及我认为这个解决方案最符合逻辑：

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

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

var\uuuhtml=require（'./template.html'）；
变量模板={{uuuuhtml:{uuuuhtml}；
React.module.exports=React.createClass({
render:function（）{
返回(
);
}
});

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

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>

Uncaught（in promise）错误：模块解析失败：C:\Users\..\target.html意外标记（1:0）您可能需要适当的加载程序来处理此文件类型。
|  
| ; 
|

用于在代码中导入原始html

在您的网页包配置中

{
      test: /\.(html)$/,
      use: {
        loader: 'html-loader'
      }
}

用于在代码中导入原始html

在您的网页包配置中

{
      test: /\.(html)$/,
      use: {
        loader: 'html-loader'
      }
}

如果你看一下你链接的问题，你会发现要像这样加载HTML，你需要一个合适的加载器。这意味着浏览器不理解require指令，您需要一些工具将require更改为相应的html导入标记。。。您使用的是webpack还是其他捆绑包？另外，您是否确实需要为React组件导入HTML？我通常认为这是一个坏的模式，它可以在大多数用例中工作。大部分，不是全部：）是的。我在用网页包！嗯，我的导师让我这么做，所以我正在努力让它实现。看起来是可能的。好吧，如果你使用的是webpack，那么@nrgwsh-ansh应该包含它。如果你看了你链接的问题，你会发现能够像这样加载HTML，你需要一个合适的加载程序。这意味着浏览器不理解require指令，您需要一些工具将require更改为相应的html导入标记。。。您使用的是webpack还是其他捆绑包？另外，您是否确实需要为React组件导入HTML？我通常认为这是一个坏的模式，它可以在大多数用例中工作。大部分，不是全部：）是的。我在用网页包！嗯，我的导师让我这么做，所以我正在努力让它实现。看起来是可能的。好吧，如果你使用的是webpack，那么@nrgwsh-ansh应该会覆盖它