gpt4 book ai didi

javascript - 在 React 组件之前等待外部脚本加载

转载 作者:行者123 更新时间:2023-12-02 21:32:59 26 4
gpt4 key购买 nike

我有一个 NextJS 应用程序,页面结构大致如下所示:

<Head>
<Navigation>
<Page>
<Footer>

我有一个 DTM 脚本,需要加载到 <Head> 中组件,然后是我在 <Page> 中触发的标签成分。但问题是,<Page>中的标签在 DTM 脚本加载到页面之前开始触发。

那么,有没有办法让DTM脚本在<Head>中首先在 <Page> 之前加载标签组件负载?我一直想使用“componentwillmount”,但它已被弃用。

有人可以建议我如何解决这个问题吗?

最佳答案

您可以从 <Page> 监听脚本加载事件使用普通 JavaScript 的组件。在你的custom _document :

<script id="dtm" src="dtm.js" />

然后在 <Page>组件:

document.getElementById("dtm").addEventListener('load', () => {
// DTM is loaded
})

关于javascript - 在 React 组件之前等待外部脚本加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60570371/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com