React路由器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服务器端的渲染。这个新版本受到了冲击。

由于阵营路由器V4.1.1是一个重大的变化，在回答这个问题会帮助我们很多，在第一正确教程的形式 阵营路由器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

一些事情发生了变化时作出反应路由器4！

首先，软件包的名称已更改。所以你必须将你的进口从'react-dom'更新为'react-router-dom'。你还需要包括'react'和'react-router'。

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

参见：

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

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