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'; 

從那裏開始，繼續向前。祝你好運！