ディープリンクルーティングが複数のルートで意図したとおりに機能しない

Question

私はreact-router-dom@^4を使用しており、深くルーティングされたコンポーネントをレンダリングしようとしています。ここに私のBaseコンポーネントの簡略版があります。

export default function Base() { 
    return (
    <Layout> 
     <Switch> 
     <Route exact path="/browse" component={Browser} /> 
     </Switch> 
    </Layout> 
); 
} 

次に、次のコンポーネントがレンダリングされます。

export default function Browser() { 
    return (
    <Switch> 
     <Route exact component={ProjectPicker} /> 
     <Route exact path=":projectId" component={ProjectDetail} /> 
    </Switch> 
); 
} 

ルート（/browse）は私が手動で/browse/1に移動するとき、それは失敗します仕事を、していますが。本質的に何もレンダリングしません

ここで逆方向リンクが失敗しているのはなぜですか？私はあなたがあなたのパス名に

`<Route exact path="/:projectId" component={ProjectDetail} />` 

を/を追加する必要があると思う

Answer 1

は、この公式ガイドを参照してください。 https://reacttraining.com/react-router/web/example/url-params