react-routerはクエリパラメータに基づいてコンポーネントをマウントできますか？

Question

私はReact、Redux、およびReact-Router@v2.0.0を使用しています。私は、特定のクエリのパラメータが渡されたときにトップレベルコンポーネントをマウントする方法を理解しようとしています。これは可能ですか？

だから私の既存のルートは次のようになります。今

export default (
    <Route name="root" path="/" component={RootComponent}> 
    <Route name="routeOne" path="a/route/:slug(/)" component={RouteOneComponent} /> 
    <Route name="routeTwo" path="a/route/:slug/:index" component={RouteTwoComponent} /> 
    </Route> 
); 

、私の代わりにa/route/slug/1に装着された、それだけでa/route/slug?i=1でマウントされるようにrouteTwoをリファクタリングする必要があります。

これは可能ですか？私はドキュメントでこれについて何かを見つけることができないようです。実際のルートだけがコンポーネントを持つことができ、クエリは小道具として渡されるようです...しかし、残念なことに、これは私のユースケースではうまくいかないでしょう。 :(任意のアイデア？

Answer 1

私は通常、1小道具に基づいてrenderメソッドでは、このような分割を扱うだろうと思うが、はい、あなたがこの

<Route path="a/route/:slug" 
    getComponent={(nextState, cb) => { 
     if (nextState.location.query[i] === '1') { 
      cb(null, RouteTwoComponent); 
     } else { 
      cb(null, RouteOneComponent); 
     } 
    }} /> 

ためgetComponentを使用することができます。