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

Question

我正在学习Next.js。 我正在使用Link浏览页面。

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

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

  

pages / about.js

import About from "../components/about/About";
export default () => <About/>

页面仅加载组件。我可以只将组件本身加载到Link中吗？

当前Link如下所示：

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

也许会稍作调整就可以完成这项工作？

Answer 1

看起来您已经在做正确的事情，但是您可以将其简化为一行：

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