反应路由器v4.1.1

Question

我正在尝试将此简单应用程序转换为支持反应路由器https://github.com/jackfranklin/universal-react-example到v4.1.1。 在package.json中我改变的是以下内容：

"react": "^15.5.4",
"react-dom": "^15.5.4",
"react-router": "^4.1.1"

一切都停止了。你能帮我在React Router v4.1.1中构建这个应用程序吗？反应routerv4.1.1服务器端渲染没有适当的文档。所以对这个新版本感到震惊。

由于React Router v4.1.1是一个重大变化，回答这个问题将有助于我们很多人，以第一个适当的教程形式 React Router v4.1.1。

Answer 1

React Router v4与以前的版本有很大的不同，您不仅可以更改版本号并希望一切顺利运行。浏览文档和示例。逐步更改应用程序。

有用的链接：

https://reacttraining.com/react-router/web/guides/server-rendering

http://rants.broonix.ca/upgrading-to-react-router-v4/

Moving from react router 3.x to 4.x

Answer 2

React Router 4发生了一些变化！

首先，更改了包的名称。所以你必须将你的导入从'react-dom'更新为'react-router-dom'。你仍然需要包括'react'和'react-router'。

其次，现在有多个浏览器。所以你必须导入BrowserRouter而不仅仅是路由器。 （您也可以使用HashRouter，但我会说从BrowserRouter开始。）

请参阅：

import { 
  BrowserRouter as Router, 
  Route
} from 'react-router-dom';

从那里开始继续前进。祝你好运！