コンポーネントをアンマウントする代わりにコンポーネントを隠すには？

Question

私はこのような私のルートを定義している：あなたはFooからBarに移行したときに、デフォルトのコンポーネントによって

<Route component={App}> 
    <IndexRoute component={Main}/> 
    <Route path="/foo" component={Foo}/> 
    <Route path="/bar" component={Bar}/> 
    </Route> 

はアンマウントなります。 Foo（Googleマップとカスタムアニメーション）の計算量の多いコードがあるので、このコンポーネントをアンマウントして非表示にしないようにしています。そのため、ユーザーが戻ったときにすぐに読み込まれます。

これを行うには？

Answer 1

お客様の要件を満たすために、FooとBarの2つの別々のルートを使用することはできません。コンテナコンポーネントには1つのルートしか設定できません（ここではFooBarと名付けます）。 FooBarは、FooとBarを組み合わせています。 FooBarのrender機能で2つのコンポーネントの表示を変更するには、stateをFooBarとします。