反応ルータの多言語サポート

Question

言語設定がURLの一部である多言語サイトを構築しています。

http://example.com/<somepage>  (Russian, default) 
http://example.com/en/<somepage> (English) 
http://example.com/jp/<somepage> (Japanese) 
http://example.com/../    (etc) 

私は、すべての言語の接頭辞を使用する場合すべてが、okです：

<Route path="/:lang"> 
    <Route path="somepage" component={Somepage}/> 
</Route> 

しかし、デフォルトの言語のために、私は例に示すように、URLに言語を含める必要はありません。 それがパスに正規表現を使用することによって解決することができfluxibleルータで：パスが文字列ではなく、正規表現でなければならないので、

path: '/:lang([a-z]{2})?/<somepage>' 

しかし、それはでは動作しませんが、ルータを反応させます。 このユースケースをどのように処理するかについてのご意見はありますか？

Answer 1

あなたのルートを複製しようとしましたか？これまで私のために働いているようだ。

var innerRoutes = (
    <Route> 
    <Route path="somepage" component={Somepage}/> 
    <Route path="otherpage" component={Otherpage}/> 
    </Route> 
); 

var routes = (
    <Route path="/" component={App}> 
    {innerRoutes} 
    <Route path=":lang"> 
     {innerRoutes} 
    </Route> 
    </Route> 
); 

Answer 2

あなたのルートは以下のように検討する必要があります：

<Router history={createBrowserHistory()}> 
    <Route component={App}> 
    <IndexRoute component={Home} /> 
    <Route path=':lang/'> 
     <Route path='about' component={About} /> 
    </Route> 
    <Redirect from='*' to='ru/about' /> 
    </Route> 
</Router> 

:lang/での最後のスラッシュは、そうでない場合とRedirectありURLはそれの後に何か（例えば/de/about）含まれている場合にのみ一致することを示しますあなたが指定したページに常にtoパラメータでリダイレクトされます。 Route Matching in the docsについて詳しく読むことができます。