Question

我是使用reactjs的新手。我有一个模板，我需要在头部加载一些css和身体的末尾，我需要加载一些js库和插件，但这最后一部分不起作用。让我告诉你我的index.html：

const message = require('message');
const async = require('async');

function someFunction(callback) {
      ...
      async.parallel([
        // Some stuff
      ], function(err){
          if (err) { return cb.apply(cb, arguments) }

          // Some code to log message

          cb.apply(cb, arguments)
      })
      ...
}

在我的根div标签中我将要渲染我的反应应用程序，但在运行它并检查生成的HTML后，我可以看到所有js libs的导入未加载。

之后，在我的Root组件中，我使用document.createElement（'script'）手动添加每个脚本标记并填充它，但每次更新DOM时，脚本部分都会消失。

您能否就如何解决此问题或解决此问题的最佳方法给我一些建议？

如果您需要我分享更多信息，请告诉我？

此致

Answer 1

我建议您在React组件中导入js文件，而不是在html页面中加载js。

您可以尝试https://github.com/shaneosullivan/ReactDependentScript/

每次我需要将外部js导入到react组件中时，我都使用过这个插件。您可以尝试给出的示例。

React根组件不会加载整个index.html

1 个答案: