如何在反应组件中包含外部 js 文件
[英]How to include external js files in an react component
问题描述
我正在尝试在我的反应组件中插入一些外部 js 文件。 我尝试将它们包含在脚本标签中的简单 html 文件中，它工作正常，但如何在反应组件中执行。 我如何将它们包含在 html 页面中：-
<script src="js/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/eclipse");
editor.session.setMode("ace/mode/c_cpp");
</script>
<body>
<div id="editor">
//text to display
</div>
</body>
id="editor"在脚本标签中包含的 js 文件中定义，因此主要问题是如何将其包含在反应组件中。 我已经看到一些结果显示使用 customReactHooks 但不知道如何实现它。 任何想法
2 个解决方案
解决方案1
0 2021-01-03 15:29:51
您可以使用名为 react-script-tag 的 npm 库
解决方案2
-1 2021-01-03 14:29:27
const loadScript = (callback) => {
const script = document.createElement('script');
script.src = 'path'; // path for your script
script.id = 'some id';
document.body.appendChild(script);
script.onload = () => {
if (callback) callback();
};
}
在你的反应组件的 useEffect 或 componentDidMount 中调用这个 function
如何将组件导入另一个组件中，其中包括反应 js 中的图像
[英]How to import the component in another component which include image in react js
如何包含外部JS文件而不将它们包含在head标签中？
[英]How to include external JS files without including them in the head tag?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.