[英]I use next.js and i try to do a single post page
我使用nextjs,我在家里獲取了一些虛擬數據,現在我想為我在家里得到的每個帖子制作一個頁面,但我覺得這不是一個好的代碼,所以如果有人可以幫助我清除一些東西並學習更多關於下一個我會很感激這一點。 這是代碼:
import { useRouter } from 'next/router'
import {useEffect} from 'react'
const post = () => {
const router = useRouter()
const pid = router.query.pid
async function getdata (){
if(pid){
const res = await fetch(`https://jsonplaceholder.typicode.com/posts/${pid}`)
const data = await res.json()
console.log(data)
}
}
useEffect(() => {
getdata()
}, [pid])
return(
<p>wasd{pid}</p>
)
}
export default post
我想您正在談論為每個不同的數據制作組件或每個不同的路線。
第一種情況- 如果我們談論第一種情況,您可以在您的頁面之外有一個名為 components 的文件夾作為文件夾,並在那里制作組件,並根據您的數據或其他內容制作該組件。
第二種情況-如果您想使用不同的路線 [filename].js 是通往 go 的方式,這代表可以說localhost:3000/foldername/:filename
。 所以你可以從這里做事。 我建議閱讀 nextjs 文檔以獲取有關此路由的更多信息。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.