深度路由不能按照預期的方式運行多條路由

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，它將失敗。它基本上完全沒有渲染任何東西

爲什麼deeplinking在這裏失敗？

Answer 1

我認爲你需要添加/在你的路徑名

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

看到這個官方指南。 https://reacttraining.com/react-router/web/example/url-params