Reaksiyon yönlendiricisinde çok dilli destek

Question

Dil tercihinin URL'nin bir parçası olduğu çok dilli site yapıyorum, ör.

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

Ama varsayılan dil için ben örnekte görüldüğü gibi url dili eklemenize gerek yoktur: Bütün diller için önek kullandığınızda

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

Her şey tamam.

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

Ama yol bir dize değil, bir regexp'in olmalı, çünkü çalışmak yönlendirici tepki vermez: fluxible yönlendirici olarak o yoldaki Regexp'i kullanılarak çözülebilir. Bu kullanım durumunu nasıl ele alacağınıza dair bir fikriniz var mı?

Answer 1

Rotanızı kopyalamayı denediniz mi? Şimdiye kadar benim için çalışmak gibi görünüyor. Bir Yönlendirme ihtiyacım yok

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

senin yolları gibi bakmak gerekir:

<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/ yılında eğik çizgi aksi bir ile Redirect var URL ondan sonra bir şey (örneğin /de/about) içeriyorsa yalnızca eşleştirilecek belirtir Her zaman to parametresinde belirttiğiniz sayfaya yönlendirilecek açgözlü eşleme. Route Matching in the docs hakkında daha fazla bilgi edinebilirsiniz.