getServerSideProps不运行

Question

这是我的应用程序容器的代码

import { useEffect } from "react"
import axios from 'axios'
import { useSelector, useDispatch } from "react-redux"
import { setUserState } from '../slices/userSlice'
import {delay} from '../util/delay'

export default function AppContainer({pageProps, Component, data}) {

    const user = useSelector((state) => state.user.value)

    return (
        <>
            {console.log(data)}
            <Component {...pageProps} />
        </>
    )
}

export async function getServerSideProps(context) {
    console.log("Hello")
  return {
    props: {
            data: "Hello"
        }
  }
}

在_app.js中，因此组件每次都呈现出来。但是，getServerSideProps似乎没有在运行。它在客户机和服务器中都不console.log任何东西，而且当我console.log {data}时，它说是未定义的，尽管getServerSideProps返回它为"Hello“。

Answer 1

_app.js不像getStaticProps或getServerSideProps那样支持Next.js 数据获取方法。除了_app.js之外，还必须在页面中使用数据获取方法。