React 如何使用外部 JS 文件(CDN 文件)，并使用其中的对象？

[blue7wings]

正在用 React 重构自己的网站，项目用依赖一个外部 js 文件，想在 React 项目中引用进来，并使用其对象，如何处理？ 我使用 react-helmet 已经能够引入此外部 js,但是如何使用其中的对象呢？

下面是我的代码：

const AppleMusicWaitingState = () => {
	// 报错 'MusicKit' is not defined
	document.addEventListener('DOMContentLoaded', function () {
		MusicKit.configure({
			developerToken: 'xxxx',
			app: {
				name: 'xxxx',
				icon: "xxxx",
				build: '2020.12.25'
			}
		});
		e = MusicKit.getInstance();
	});
	return <>
		{/* 引入 apple music */}
		<Helmet>
			<title>Apple Music</title>
			<meta name="apple-music-developer-token" content="xxxx" />
			<meta name="apple-music-app-name" content="xxxx" />
			<meta name="apple-music-app-build" content="2020.12.25" />
			<script src="https://js-cdn.music.apple.com/musickit/v1/musickit.js"></script>
		</Helmet>
	</>;
}

[dtdths1]

放 useEffect 里,给 script 加监听

[9ki]

https://usehooks-ts.com/react-hook/use-script

[blue7wings]

@9ki 感谢感谢，这个 hook 非常好用