react-router-reduxの "push"メソッドとreact-routerの "browserHistory"の違いは何ですか？

Question

ユーザがあるページ/ルートから別のページ/ルートにナビゲートすると、reactの履歴を更新しようとしています。しかし、これを達成するためにどのような方法を使うべきなのか、そしてその理由について混乱していますか？

import { browserHistory } from 'react-router' 
browserHistory.push('/bag') 

OR

import { routerMiddleware, push } from 'react-router-redux' 
const middleware = routerMiddleware(browserHistory) 
const store = createStore(
    reducers, 
    applyMiddleware(middleware) 
) 

store.dispatch(push('/bag')) 

助けてください。事前に感謝:)

Answer 1

基本的に、あなたが再来と反応し、ルータ - Reduxのを使用する理由を理解している場合：

store.dispatch(push('/bug'))は、店舗内のナビゲーション状態を保っている、ルート

にプッシュしてナビゲート

browserHistory.push('/bag')は、ルートにプッシュしてナビゲートするだけです。

From the source code itself

/**
*これらのアクションは、歴史のAPIに対応しています。
* ルーターミドルウェアは
*還元剤に達する前にこれらのイベントをキャプチャし、履歴に一致機能としてそれらを再発行します。 */

輸出のconstプッシュ= updateLocation（「プッシュ」）

同上の違いやどのように物事が仕事を理解しようとすると、ソースコードに探してお勧めします。学習にも良いし、使用しているライブラリで何が起こっているのかを深く理解していることもあります:)