reactjs 如何重写谷歌标签管理器参数从typescriptReact

kyvafyod  于 2022-12-29  发布在  React
关注(0)|答案(1)|浏览(102)

我试图插入谷歌标签到我的react网站,所以我复制了一个代码从一个 typescript 代码,我有,但我得到了错误Type annotations can only be used in TypeScript files.,所以现在我不知道如何重写这个代码在reactjs可接受的格式.请帮助使用下面的代码
_app.js

import React, {useEffect} from 'react'
import TagManager, {TagManagerArgs} from 'react-gtm-module'
import { Toaster } from 'react-hot-toast'
import './Product.scss'
import {Layout} from '../components'
import '../styles/globals.css'
import { StateContext } from '../context/StateContext'

function MyApp({ Component, pageProps }) {
  const gtmId = process.env.NEXT_PUBLIC_GTM_ID || "";

  const tagManagerArgs: TagManagerArgs = {
    gtmId,
  }

  useEffect(() => {
    TagManager.initialize(tagManagerArgs)
  }, [])

  return (
    <StateContext>
      <Layout>
        <Toaster />
        <Component {...pageProps} />
      </Layout>
    </StateContext>
  )
}

export default MyApp
ie3xauqp

ie3xauqp1#

您可以移除类型注解并像下面的代码那样进行更新。

const tagManagerArgs = {
    gtmId,
  }

您可以通过此link

相关问题