typescript - getStaticProps 返回空 Prop 对象

Question

我正在尝试使用 getStaticProps (Next.js) 呈现登陆页面，但它没有按预期运行。这是我的组件:

import { GetStaticProps } from 'next'

const Brief = (props) => {

    console.log(JSON.stringify(props)) // returns an empty object
    return (
        <>
            {props[0]}
            {props[1]}
            {props[2]}
        </>
    )
}

export const getStaticProps: GetStaticProps = async (context) => {
    const WhatIUse = <div className="WhatIUse">What I use</div>

    const introduction = <div className="introduction">Introduction</div>

    const ContactInfo = <div className="ContactInfo">Where to find me</div>

    return {
        props: [introduction, WhatIUse, ContactInfo]
    }
}

export default Brief

日志语句显示 props 作为空对象返回，可能是什么问题？

Answer 1

确保您实际上是在页面文件上使用该函数(“页面”文件夹中的文件)

我遇到了同样的问题，但是我在一个组件中使用了这个函数，这导致了一个空对象

当我开始在页面文件中使用它时，该函数的行为符合预期