Question

我正在尝试使用react router来执行以下网址：

example.com/admin/members/{anyid}

如果该URL被ID击中，它将显示具有该ID的用户信息。我的代码：

ReactDOM.render(
  <FirebaseContext.Provider value={new Firebase()}>
  <BrowserRouter>
    <Switch>
      <Route path="/admin" render={props => <AdminLayout {...props} />} />
      <Route path="/auth" render={props => <AuthLayout {...props} />} />
      <Redirect from="/" to="/admin/index" />
    </Switch>
  </BrowserRouter>,
  </FirebaseContext.Provider>,
  document.getElementById("root")
);

我试图这样做：

<Switch>
  <Route path="/admin" render={props => <AdminLayout {...props} />} />
  <Route path="/auth" render={props => <AuthLayout {...props} />} />
  <Route path="/admin/members/:id" component={SavedMemberForm} />
  <Redirect from="/" to="/admin/index" />
</Switch>

我的假设是/admin/members/:id会取代所有在admin中的孩子网址。当我按下/admin/members/1234时，情况并非如此，好像我正要去/admin

如何获得所需的结果？

如何在React路由器中设置子链接

0 个答案: