なぜ私は自分のネストされたルートにヒットできないのですか？ ReactRouter4

Question

ネストされたルートをヒットしようとしていますが、なんらかの理由でComponentのレンダリング機能にヒットしていません。ここに私のルートファイルは次のとおりです。

const routes = (
    <Route path="/financefe" render={() => (
    <Normalize> 
     <Switch> 
     <Route path="/test" component={Test} /> 
     </Switch> 
    </Normalize> 
)}/> 
); 

私はlocalhost:3000/financefeに行くとき、私はレンダリング機能を打ちます。 Normalizeコンポーネントがレンダリングされます。私はlocalhost:3000/financefe/testに行きますが、Testコンポーネントはヒットしません。私は何が欠けていますか？なぜこれは機能しないのですか？

Answer 1

react-router v4ルートパスは絶対パスでなければなりません。 this articleの「Nested Routes」セクションの例を示します。

const Main =() => (
    <main> 
    <Switch> 
     <Route exact path='/' component={Home}/> 
     <Route path='/roster' component={Roster}/> 
     <Route path='/schedule' component={Schedule}/> 
    </Switch> 
    </main> 
) 
const Roster =() => (
    <Switch> 
    <Route exact path='/roster' component={FullRoster}/> 
    <Route path='/roster/:number' component={Player}/> 
    </Switch> 
)