使用 next-redux-wrapper 将 Google Analytics 添加到 Nextjs 应用程序

Question

我用 redux 包装器创建了一个 nextjs 应用程序

class MyApp extends React.Component<AppProps> {
   
    public static getInitialProps = wrapper.getInitialAppProps(store => async ({ Component, ctx }) => {

我现在正在尝试将谷歌分析集成到应用程序 (G4)。尽管许多文档解释了如何使用 useEffect 添加，但指南在应用扩展组件而不使用钩子时如何使用它们几乎没有脱节。

我需要使用 componentMount 方法还是存在更好的方法，例如将此实现升级为功能组件？

Answer 1

将应用程序转换为功能组件并使用useEffect

  const MyApp = (AppProps) => {
      const router = useRouter();
      useEffect(() => {

然后

MyApp.getInitialProps = wrapper.getInitialAppProps(store => async ({ Component, ctx }) => {