反应路由器错误

Question

我没有尽头。我的反应路线有麻烦...现在，我正在同时为我的相册加载显示页面（AlbumPage）和索引页面（AlbumPane）....一个人该怎么做才能使路线正确运行？< / p>

const App = () => (
  <div>
    <AuthRoute exact path="/" component={OfflineHeaderContainer} />
    <AuthRoute exact path="/signup" component={OfflineHeaderContainer} />
    <AuthRoute exact path="/login" component={OfflineHeaderContainer} />
    <AuthRoute path="/" component={Splash} />
    <Route exact path="/home" component={Index}/>
    <Switch>
      <ProtectedRoute exact path="/photos/create" component={Create} />
      <Route path="/photos/:photoID" component={Show} />
      <Route exact path="/albums/:albumID" component={AlbumPage} />
    </Switch>
    <Route path="/albums" componen={AlbumPane} />
    <Route exact path="/users/:userID" component={UserProfileContainer} />
  </div>
);

Answer 1

好像您有一些错别字，请更改此内容：

<Route path="/albums" componen={AlbumPane} />

对此：

<Route exact path="/albums" component={AlbumPane} />

那么，只有在有条件地向albumID请求时，您才会加载所需的路由。