ブラウザのページで、あるルートから別のルートに渡されている小道具の値を扱う方法jsの反応

Question

jsに反応するのは新しいです。

私はA &のような2つのルートを持っています。今、私はいくつかの値をAからBに小道具として渡しています。 Bページがリフレッシュされると、Aからのすべての小道具値はなくなり、Bページはレンダリングされません。私はreduxと反応しています。 & mapStateToProps機能を小道具として& B経路の間の値を渡すために使用される

mapDispatchToProps。例えば

：ルートAは、いくつかの計算を行い、Reduxの状態の値を格納し、経路BがAの状態値がに渡されたmapStateToPropsを使用して、（（mapStateToProps、mapDispatchToProps）（B）を接続）エクスポートされましたB小道具として。

上記の使用例でブラウザの最新表示を処理し、ルート間で値を渡すための最善の方法がある場合は、最善の方法を提案してください。前もって感謝します。

Answer 1

react-routerを試してください。これにより、routeに基づいてコンポーネントがレンダリングされます。

アプリがの場合、アプリはデータを取得し、必要な情報でストアを更新する必要があります。

例：IntilizeAppコンポーネントがマウントされている場合、必要な情報を計算し、アクションをディスパッチしてストアを更新します。計算するには、componentWillMountのような反応のライフサイクルメソッドを使用します。

import {Router, Route, hashHistory} from 'react-router' 
    // import initializeApp 
    // import ComponentA 
    // import ComponentB 

    <Router history={hashHistory}> 
     <Route path="/" component={InitializeApp}> 
     <Route name="A" path="A" component={ComponentA} /> 
     <Route name="B" path="B" component={ComponentB} /> 
     </Route> 
    </Router> 

Answer 2

あなたが店 createStore(reducer, [preloadedState], [enhancer])を初期化するとき、 あなたがデータを取得し、preloadedState