本文主要是介绍NextJs教程系列(五):动态路由,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
如果您事先不知道确切的区段名称,并且想要从动态数据创建路由,则可以使用在请求时填充或在构建时预呈现的动态区段。
app/blog/[slug]/page.js
export default function Page({ params }) {return <div>My Post: {params.slug}</div>
}
例如:
Route | Example URL | params |
---|---|---|
app/blog/[slug]/page.js | /blog/a | { slug: 'a' } |
app/blog/[slug]/page.js | /blog/b | { slug: 'b' } |
app/blog/[slug]/page.js | /blog/c | { slug: 'c' } |
这篇关于NextJs教程系列(五):动态路由的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!