प्रतिक्रिया राउटर में बहुभाषी समर्थन

Question

मैं बहुभाषी साइट का निर्माण कर रहा हूं जहां भाषा वरीयता यूआरएल का हिस्सा है, उदा।

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

सब कुछ ठीक है, जब मैं सभी भाषाओं के लिए उपसर्ग का उपयोग करें:

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

लेकिन डिफ़ॉल्ट भाषा के लिए, मैं यूआरएल में भाषा, के रूप में उदाहरण में दिखाया गया शामिल करने की ज़रूरत नहीं है। fluxible रूटर में यह राह में regexp का उपयोग करके हल किया जा सकता है:

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

लेकिन यह काम नहीं करता रूटर प्रतिक्रिया है, क्योंकि पथ एक स्ट्रिंग, नहीं एक regexp होना चाहिए। कोई भी विचार इस उपयोग के मामले को कैसे संभालना है?

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/ में स्लैश इंगित करता है कि यह केवल मिलान किया जाएगा यदि URL यह बाद कुछ (जैसे /de/about) शामिल हैं अन्यथा वहाँ है एक के साथ एक Redirect लालची मिलान जो to पैरामीटर में निर्दिष्ट पृष्ठ पर हमेशा रीडायरेक्ट करेगा। आप Route Matching in the docs के बारे में अधिक पढ़ सकते हैं।