如何在Next.js中使用组件作为路由？

nmpmafwu 于 2023-08-04 发布在其他

关注(0)|答案(1)|浏览(106)

我想建立一个类似于Facebook的东西，一个动态内容的弹出窗口（图像，文本等）。因此，当你点击一个项目时，它会打开一个弹出窗口，url会像/post/343542一样。
我已经有了一个组件，显示和显示数据，我挣扎与路由器的一部分。如何在管线中使用元件？
谢谢你，谢谢

1条答案

我有一个类似的问题，我想一个按钮onClick事件呈现一个“AddPostComponent”，同时导航到一个不同的路径。
我实现这一点的方法是在pages目录下创建一个动态路由。
举例来说：

pages/posts/[id]/index.tsx

字符串
该[id]将是您单击的卡片的引用ID。因此，它看起来像.../posts/343542/
然后，您可以执行所需的任何操作，例如在index.tsx文件中打开/弹出该组件