Javascript react路由器v4路由已更改，但未呈现正确的组件

我有两层路线，第一层看起来像这样

<BrowserRouter>
  <div>
    <AuthRoute></AuthRoute>
    <Switch>
      <Route path='/dashboard' component={Dashboard} />
    </Switch>
  </div>
</BrowserRouter>

路由更改为

/dashboard/redirect

，但如果您刷新时显示

/dashboard/where

或

/dashboard/

您可以在demo I设置中更清楚地看到问题，在应用程序中只需要一个

-将其从

仪表板/index.js中删除将解决您的问题

<BrowserRouter>
  <Switch>
    <Route exact path='/dashboard' component={()=><h1>dashboard index</h1>} />
    <Route exact path='/dashboard/somewhere' component={()=><h1>somewhere</h1>} />
    <Route exact path='/dashboard/redirected' component={() => <h1>redirected</h1>} />
  </Switch>
</BrowserRouter>