将HTML文件导入React的组件

Question

我关注this StackOverflow link

和 我觉得这个解决方案最符合逻辑：

"admin": "56d4657ed1327z7a4",
"senders": [
    "56d4657ed1327z7a4",
    "d4d7zscbr879ddda4",
    "sdklmkz778Sdlsma7",
    "sd563dsmlZklks7as",
    "sd5s5465z7dds46q1",
    "sd456576zds<32x1w"
]

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

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

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

Answer 1

使用html-loader在代码中导入原始html，

在你的webpack配置

中

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