Javascript 如何在Next.js中切换内容_Javascript_Reactjs_React Router_Next.js

Javascript 如何在Next.js中切换内容

javascript reactjs next.js

Javascript 如何在Next.js中切换内容,javascript,reactjs,react-router,next.js,Javascript,Reactjs,React Router,Next.js,因此，我的应用程序上有一个主仪表板，其中有一个侧栏导航和内容容器。但由于我不熟悉next.js，也不熟悉它的路由系统，所以当用户使用侧栏导航时，我不知道如何实现内容更改。我应该为每条导航路线创建一个单独的页面吗？是的，对于每条路线，您必须在页面目录中创建一个文件对于路由/，您将创建文件pages/index.js 对于routemy page您创建文件pages/my page.js 对于路由path/my page您创建文件夹pages/path和文件pages/folder/my fil

因此，我的应用程序上有一个主仪表板，其中有一个侧栏导航和内容容器。但由于我不熟悉next.js，也不熟悉它的路由系统，所以当用户使用侧栏导航时，我不知道如何实现内容更改。我应该为每条导航路线创建一个单独的页面吗？

是的，对于每条路线，您必须在

页面

目录中创建一个文件

对于路由
```
/
```
，您将创建文件
```
pages/index.js
```
对于route
```
my page
```
您创建文件
```
pages/my page.js
```

对于路由

path/my page

您创建文件夹

pages/path

和文件

pages/folder/my file.js

有关更多说明，请阅读。您还可以按照下面的步骤了解Next.js的基本知识