Reactjs Next.js链接到组件，而不是页面

我正在学习Next.js。 我正在使用

链接

浏览页面

我想加载React组件而不是页面

现在我需要创建页面并加载组件：

pages/about.js

---

也许稍微调整一下就行了？

看起来你已经做对了，但你可以把它简化为一行：

export { default } from "../components/about/About"

---

我们的想法是根本没有这个页面文件。这可能吗？可能是一个

components

页面，然后根据传递给路由的查询动态路由来处理哪个组件实际呈现？

<Link href="/about"><a className="nav-link">About</a></Link>

export { default } from "../components/about/About"