reactjs 只是数据输出在Next.js中不起作用

km0tfn4u  于 2023-06-29  发布在  React
关注(0)|答案(1)|浏览(102)
import styles from './PopularPosts.module.scss'

export async function getServerSideProps() {
    return {
        props: {
            content: "Some content"
        }
    }
}

export const PopularPosts = (props) => {
    return (
        <>
            <h1>{props.content}</h1>
        </>
    )
}

我想从Next.js上的项目中的对象输出简单数据,但它返回空的h1标题

tvz2xvvm

tvz2xvvm1#

不能在组件中使用getServerSideProps。如果使用PopularPosts作为页面,则应将PopularPosts导出为默认值。

import styles from './PopularPosts.module.scss'

export async function getServerSideProps() {
    return {
        props: {
            content: "Some content"
        }
    }
}

const PopularPosts = (props) => {
    return (
        <>
            <h1>{props.content}</h1>
        </>
    )
}
export default PopularPosts

相关问题