如何在反應組件中包含外部 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.