反応ルータを備えたローカライズされたサブパス？

Question

大規模な既存のアプリケーションをReactに変換しています。当社のローカライズされたコンテンツは、このようなものです。だから私は、各ロケールのルートを宣言する必要が

www.website.com/about  // english 
www.website.com/es/about // spanish 
www.website.com/de/about // german 

、私は次のように想定しています

<Route path='/' component={App} /> 
<Route path='/es' component={App} /> 
<Route path='/de' component={App} /> 

これを行うための、より簡潔な方法がある場合、私は疑問に思って、でも？

また、私は、例えばベースパスを尊重するすべてのリンクを希望：そのユーザーのロケールがスペイン語である場合

<Link to='/inbox' /> 

は自動的に /es/inboxに行くだろう。これを行うための既存のまたは共通の方法がなければなりませんか？

Answer 1

反応ルータでparamsを使用できます。

<Route path='/:language' component={App} /> 

のようなので、何かがそうコンポーネントで、あなたはthis.props.params.languageがナビゲートされているものは何でもありますアクセスすることができます。だから、あなたがそれらのロジック

Answer 2

一つのアプローチに

を扱うことができるコンポーネントにあなたはlanguageのparamsのための静的routeとしてlocaleまたは何か他のものを維持することができます。

例として

あなたのリンクは次のようなものになります

www.website.com/locale/en/about // english 
www.website.com/locale/es/about // spanish 
www.website.com/locale/de/about // german 

とルートのようになります。

<Route path='/locale'/> 
    <Route path='en' component={App} /> 
    <Route path='es' component={App} /> 
    <Route path='de' component={App} /> 
</Route>