反应js中无法导入外部javascript（jQuery）文件？

Question

我在外部脚本文件中编写了一个文档就绪事件。我使用<script type="text/javascript" src="/path/to/script.js"将其包含在我的index.html文件中但是，即使文件路径未触发的事件也是正确的。

如果我使用<script> //my code </script>将我的脚本代码放在index.html中，则在浏览器加载页面后该事件正常工作。但如果我使用react-router重定向到另一个页面，则该事件无效。

我正在使用

React 16.3.2

JQuery 2.2.4

提前致谢

Answer 1

实际上将jquery与反应应用程序一起使用并不是一个好主意，但即便如此， 你尝试使用“defer”属性吗？

<script type="text/javascript" src="/path/to/script.js" defer>

如果你想在每个客户端页面加载时调用你的方法，你应该实现这样的东西：

import { browserHistory } from 'react-router';

//Your initialization

browserHistory.listen( location =>  {
 //Do your stuff here
});

使用函数包装所有代码并在侦听器中调用它。