getStaticProps console.log(post) 有效,但页面上没有显示数据?

问题描述

我有这段代码可以从本地 _posts 文件夹中获取 Markdown 博客文章,如果我在控制台记录帖子,我会收到我在控制台中要求的数据,所以我知道获取正在工作,但是当我使用返回中的数据,即 <h1>{post.title}</h1> 没有任何东西返回到 h1。

知道为什么会这样吗?

import {getPostBySlug,getAllPosts} from '../../comps/data/api'
import markdownToHtml from '../../comps/data/markdownToHtml'
export default function Post(post,morePosts,preview) {
    console.log(post) // This returns all of the post information.
    return (
        <Layout title={`${post.title}`} description={post.excerpt}>
            <h1>{post.title}</h1>
        </Layout>
    )   
}

export async function getStaticProps({params}) {
    const post = getPostBySlug(params.slug,[
        'title','date','slug','author','content','ogImage','coverImage',])
    const content = await markdownToHtml(post.content || '')

    return {
        props: {
            post: {
                ...post,content,},}
}

export async function getStaticPaths() {
    const posts = getAllPosts(['slug'])

    return {
        paths: posts.map((post) => {
            return {
                params: {
                    slug: post.slug,}
        }),fallback: false,}
}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)