嘗試將虛擬資料傳遞給組件，道具以未定義的形式傳遞，甚至同一頁面內的 console.log() 也不起作用？有人可以告訴這里有什么問題嗎
import AllPosts from "../../components/posts/all-posts"
var DUMMY_POST = [
{
title: 'ter',
slug:'getting-starterd',
image:'getting-started-nextjs.png',
excerpt: 'nkjadnknsdk,nsdikns',
date: '2022-06-12'
},
{
title: 'ter',
slug:'getting-starterd-by',
image:'nextjs-file-based-routing.png',
excerpt: 'nkjadnknsdk,nsdikns',
date: '2022-06-12'
}
]
function AllPostsPage() {
console.log(DUMMY_POST)
return <AllPosts posts={DUMMY_POST}/>
}
export default AllPostsPage
_app.js 檔案
import '../styles/globals.css'
import Layout from '../components/layout/layout'
function MyApp({ Component, pageProps }) {
return (
<Layout>
<Component {...pageProps} />
</Layout>
)
}
export default MyApp
所有帖子檔案
import classes from './all-posts.module.css'
import PostsGrid from './posts-grid'
function AllPosts(props) {
// console.log(props)
return (
<section className={classes.posts}>
<h1>All posts</h1>
<PostsGrid posts={props.posts} />
</section>
)
}
export default AllPosts()
uj5u.com熱心網友回復：
import classes from './all-posts.module.css'
import PostsGrid from './posts-grid'
function AllPosts(props) {
// console.log(props)
return (
<section className={classes.posts}>
<h1>All posts</h1>
<PostsGrid posts={props.posts} />
</section>
)
}
export default AllPosts;
uj5u.com熱心網友回復：
我會先在 AllPostPage 函式中宣告 DUMMY_POST 并嘗試一下。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/488771.html
標籤：javascript 反应 下一个.js