我想知道如何將外部腳本添加到React應用程式并使其功能可用。讓我們使用這個腳本https://www.cssscript.com/confetti-falling-animation/
在“非反應應用程式”中，我會在我的DOM
<script src="confetti.js"></script>
然后像這樣呼叫它的函式
startConfetti();
要么
stopConfetti();
但是，這在React. 我知道我可以添加這樣的<script />標簽：
useEffect(() => {
const script = document.createElement('script');
script.src = './confetti.js';
script.async = true;
document.body.appendChild(script);
return () => {
document.body.removeChild(script);
}
}, []);
但這不會使功能startConfetti()或stopConfetti()可用。他們是undefined。
如何在React應用程式中添加腳本及其功能？
uj5u.com熱心網友回復：
在 的 head 標簽中添加腳本index.html，如下所示（使用 JavaScript 檔案的正確路徑）：
<script src="confetti.js"></script>
然后在你的 React 組件中，你可以在物件的幫助下得到它window，這樣：
const startConfetti = window.startConfetti;
startConfetti();
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/451100.html
標籤：javascript html 反应