React 如何使用外部 JS 文件(CDN 文件)，并使用其中的对象？
blue7wings · 2022-09-08 17:06:58 +08:00 · 1959 次点击这是一个创建于 807 天前的主题，其中的信息可能已经有所发展或是发生改变。
正在用 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>
</>;
}
 |
1
dtdths1 2022-09-08 17:14:26 +08:00  1
放 useEffect 里,给 script 加监听
|
 |
2
9ki 2022-09-08 17:37:04 +08:00 2
|
 |
3
blue7wings OP @9ki 感谢感谢，这个 hook 非常好用
|
Select Language