リアクタールータ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で動作するこのアプリケーションを構築するのを手伝ってください。 react rout4.1.1サーバ側のレンダリングのための適切なドキュメントはありません。だからこの新しいバージョンで打たれました。

React Router v4.1.1が大きな変更であるため、この質問に答えることは、 React Router v4.1.1の最初の適切なチュートリアルの形で私たちの多くを助けます。

Answer 1

リアクタールーター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'に更新しなければなりません。それでも、「反応」と「反応ルータ」を含める必要があります。

第2に、現在複数のブラウザがあります。だから、ルータの代わりにBrowserRouterをインポートする必要があります。 （また、HashRouterを使用することができますが、私はBrowserRouterでスタートを言うと思います。）

参照：そこ

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

スタートと続けます。がんばろう！