Next.js 13文件结构中的自定义组件go在哪里？

Question

使用此版本，您是否打算在 app 文件夹中创建一个 Components/ 文件夹？ 或者我可以在文件结构中的任何位置添加新组件吗？

我目前有一个嵌套在 app/ 中的 components/ 文件夹，它似乎工作正常。 但我不确定这是否会导致问题或者是否有更好的方法。

每个“页面”能否获得自己的组件/文件夹？

Answer 1

在 NextJS 中，您保留在pages文件夹中的任何内容都被视为页面或子页面，假设您已经在pages文件夹之一中创建了components文件夹，如下所示。 然后你就可以把这个文件夹里面的组件作为页面来访问了，所以你可以用下面的URL来访问这个组件。

https://baseUrl/admin/components/componentName

所以在 NextJs 中，我们放在 pages 文件夹中的所有内容都被认为是一个单独的页面。 如果您想要一个单独的组件space/folder ，您可以在页面文件夹之外创建功能级组件，如下所示。

现在，添加到此功能文件夹中的组件无法作为页面访问，您可以根据需要重用这些组件。

我希望这回答了你的问题。 编码愉快！