我正在尝试创建一个天气应用程序https://havadurumu-7pqg.vercel.app/，并弄清楚如何使用 onSubmit 或 onClick 创建搜索表单的输入值的动态路由。│ pages│ ├── _app.js│ ├── _document.js│ ├── hava│ │ └── [city].jsx│ └── index.js│index.js文件（
2023-11-05
我正在使用 Jest 和测试库在我的 NextJS 应用上运行单元测试，但很难弄清楚如何在动态路径上呈现页面。对于我的页面/组件：export default async function MyPage({ params }: { params: { id: string }}) {return (<p>{params.id}</p>)}尝试运行测试时：import { render, scree
2023-08-30
问题陈述：在带有应用路由器的 NextJS 13 中，我想将数据从“/experimental”传递到动态路由“/experimental/${id}”。它给了我'router.query'，因为它未定义。有没有更好的方法？我尝试在带有应用路由器的 nextjs 13 中使用'next/navigation'。我无法将数据从一个组件传递到另一个组件。这是我的 Json 数据draft.jsexpo
2023-07-12
在此处输入图片说明问题详情我在使用带有 TypeScript 的 Next.js 应用程序时遇到错误。具体来说，我创建了一个 AboutPage 组件，它采用一个名为 para 的 prop，其中包含一个 aboutId 字符串。当我尝试呈现此组件时，我收到以下运行时错误：在此处输入图片说明
2024-05-28
我试图实现这样一种情况，即有两个独立的导航栏，views-nav 带有链接“results”、“statistics”，schools-nav 带有链接“school-a”、“school-b”、“school-c”... 用户首次登陆时，网址看起来会像这样： https://example.com/results/school-a场景：点击 .views-nav link[statistics
2022-02-03
我目前拥有的功能：一个服务器组件，我可以从中获取一些数据，然后将其传递到客户端组件中。这两项操作都是在动态路由 (app/.../[username]) 中完成的，用户名也是获取数据的 POST 请求的一部分。因此，基本上，用户输入用户名 ---> 为用户创建动态路由 ---> 在那里获取数据 --->组件根据数据使用 JSX 加载。我想要的功能：只需将获取的数据在用户的浏览器中缓存一段时间，这样
我想将 props 传递给某些动态路由的 Layout。这是项目结构：/app-/(site)--/layout.tsx--/page.tsx--/[slug]/page.tsx--/[slug]/layout.tsx在站点布局中：export default async function IndexRoute({children}: {children: React.ReactNode}) {c
2023-11-09