반응 라우터가있는 현지화 된 하위 경로?

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

한 가지 방법

를 처리 할 수 ​​있도록 locale을 유지 또는 뭔가 다른 language PARAMS에 대한 route 정적 수 있습니다.

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>