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时，它将失败。它基本上只是渲染任何东西

为什么深层链接在这里失败？

Answer 1

我认为您需要在路径名中添加/

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

请参阅此官方指南。 https://reacttraining.com/react-router/web/example/url-params

Deeplink路由不能按预期使用多个路由

1 个答案: