如何添加外部脚本并使其功能可用?

我想知道如何将外部脚本添加到 React 应用程序并使其功能可用。我们来看看这个脚本 https://www.cssscript.com/confetti-falling-animation/

在“not react应用程序”中,我会在我的 DOM

<script src="confetti.js"></script>

然后调用这样的函数

startConfetti();

或

stopConfetti();

然而,这在中国并不适用 反应 .我知道我可以添加一个 <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 .

我如何将脚本及其功能添加到 反应 应用程序?