我学习了 nextJS,并尝试使用动态路由和包罗万象的路由。但是我遇到了一个基本问题,我不确定如何在 getStaticPaths 中以数组形式提供数据。
\n这是我当前的代码:
\nimport Link from \'next/link\';\n\nfunction test({ variable }) {\n return (\n <>\n <div>\n <h1>{variable.var}</h1>\n\n <Link href="/">\n <a>\xe2\x86\x90 Back</a>\n </Link>\n </div>\n </>\n );\n}\n\nexport async function getStaticProps({ params }) {\n const variable = params.variable;\n return {\n props: {\n variable,\n },\n };\n}\n\nexport async function getStaticPaths() {\n return {\n fallback: false,\n paths: [\n {\n params: {\n variable: \'testi\',\n },\n },\n ],\n };\n}\n\nexport default test\nRun Code Online (Sandbox Code Playgroud)\n我收到错误:
\nError: A required parameter (variable) was not provided as an array in getStaticPaths for /test/[...variable]\nRun Code Online (Sandbox Code Playgroud)\n有任何想法吗?
\n编辑:\n忘记添加,我当前的文件名是 [...variable].js
\nEst*_*n89 10
确实,这很愚蠢:
paths: [
{ params: { variable: ["testi"] } },
]
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
4732 次 |
| 最近记录: |