【文件属性】：
文件名称：next-with-react-router-v5
文件大小：72KB
文件格式：ZIP
更新时间：2021-03-21 05:45:54
TypeScript
使用Next.js和React Router构建一个单页面应用程序
参见以与React Router v6一起使用
在Next.js项目中使用React Router的原因很多！ React Router比Next的路由器灵活得多，并且可以轻松地在路由之间甚至深度嵌套的路由之间共享布局和状态。要使用Next.js做到这一点，需要将所有共享逻辑整合到一个自定义_app.tsx组件中，并使用。
如果您正在构建单页应用程序而不必担心SEO，那么将React Router与Next.js结合使用将是一个强大的组合。不幸的是，Next.js团队没有提供有关如何执行此操作的指南。此回购演示了如何实现这一目标。
有关此项目的完整说明，请访问 。
该方法
基本思路：
创建一个自定义应用程序（ /pages/_app.tsx ）
如果typeof window === "undefined"则返回null
【文件预览】：
next-with-react-router-v5-master
----functions()
--------hello.js(145B)
----next.config.js(278B)
----package.json(589B)
----views()
--------NotFound.tsx(145B)
--------Navigation.tsx(1KB)
--------Other.tsx(124B)
--------FooBar.tsx(126B)
--------Foo.tsx(120B)
--------Home.tsx(122B)
----netlify.toml(258B)
----pages()
--------get-static-props.tsx(371B)
--------about.tsx(693B)
--------get-server-side-props.tsx(379B)
--------_app.tsx(415B)
--------index.tsx(2KB)
--------404.tsx(115B)
----tsconfig.json(647B)
----next-env.d.ts(75B)
----.gitignore(2KB)
----README.md(2KB)
----yarn.lock(160KB)