Javascript <;脚本src=";X"&燃气轮机</脚本>;内部返回渲染|反应
在React中,我应该如何声明脚本 在HTML上,如下所示:Javascript <;脚本src=";X"&燃气轮机</脚本>;内部返回渲染|反应,javascript,reactjs,Javascript,Reactjs,在React中,我应该如何声明脚本 在HTML上,如下所示: <!-- jQuery --> <script src="../assets/vendors/jquery/dist/jquery.min.js"></script> <!-- Bootstrap --> <script src="../assets/vendors/bootstrap/dist/js/bootstrap.min.js"><
<!-- jQuery -->
<script src="../assets/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../assets/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
我试着这样做,但给了我一个错误
Module build failed: SyntaxError: Unexpected token (9:6)
7 | script.src = "public/bundle.js",
8 | {/* jQuery */}
> 9 | script.src = "../assets/vendors/jquery/dist/jquery.min.js",
| ^
React不允许您执行此操作,但您应该能够在组件中执行此操作:
componentWillMount() {
['../jquery.js', '../bundle.js'].forEach((src) => {
const script = document.createElement('script');
script.src = src;
script.async = true;
document.body.appendChild(script);
});
}
但是,为什么不直接将它们嵌入到
index.html
中呢?您可以像往常一样在index.html
或任何根页面的顶部添加
标记:)只需使用react进行测试。。。我需要知道react是否允许这样做。谢谢!
componentWillMount() {
['../jquery.js', '../bundle.js'].forEach((src) => {
const script = document.createElement('script');
script.src = src;
script.async = true;
document.body.appendChild(script);
});
}