部分リダイレクト4.0.0.alpha6

Question

には反応し、ルータ4.0.0.alpha6を、私はこれを達成したい：

site.com/en -> site.com 
site.com/en/hi -> site.com/hi 
site.com/en/hi/there -> site.com/hi/there 

は、どのように私はそれに行きますか？ 私はドキュメントから多くを試しましたが、悲しいことにそれを得るように見えることはできません...

ありがとう読んで！

Answer 1

注：v4アルファについて言及していますが、私はベータ版（未リリースですが、レポのv4ブランチから利用可能です）を使用します。

実質的には、enセグメントで始まり、残りのURLセグメントから分割してpathnameの残りの部分にリダイレクトするpathnameを特定することです。

正規表現では、これを/^\/en(\/.*)?$/と一致させることができます。 React Routerはpath-to-regexpを使ってパス名にマッチさせますが、これは正規表現をサポートしますが、React Routerは（少なくとも直接ではありません）。それでも、名前の付いていないパラメータを使用して、これと一致するパスを設定できます。

/en、 /en、および /en/hiではなく /englishと一致している必要があり

<Route path='/en(/*)' component={EnRedirect} /> 

。次に、コンポーネントで一致したurlをセグメントに分割し、enを削除し、セグメントに再結合してリダイレクトする必要があります。

const EnRedirect = ({ match }) => { 
    const parts = match.url.split('/') 
    parts.splice(1,1) 
    const to = parts.join('/') 
    return <Redirect to={to} /> 
}