javascript - 如何在 React Router 中将 DefaultRoute 设置为另一个 Route

Question

我有以下内容:

  <Route name="app" path="/" handler={App}>
    <Route name="dashboards" path="dashboards" handler={Dashboard}>
      <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} />
      <Route name="searchDashboard" path="searchDashboard" handler={SearchDashboard} />
      <DefaultRoute handler={DashboardExplain} />
    </Route>
    <DefaultRoute handler={SearchDashboard} />
  </Route>

当使用 DefaultRoute 时，SearchDashboard 呈现不正确，因为任何 *Dashboard 都需要在 Dashboard 内呈现。

我希望“app”路由中的 DefaultRoute 指向路由“searchDashboard”。这是我可以用 React Router 做的事情，还是我应该为此使用普通的 Javascript(用于页面重定向)？

基本上，如果用户转到主页，我想将他们发送到搜索仪表板。所以我想我正在寻找等效于 window.location.replace("mygreathostname.com/#/dashboards/searchDashboard");

的 React Router 功能

Answer 1

你可以使用 Redirect 而不是 DefaultRoute

<Redirect from="/" to="searchDashboard" />

更新 2019-08-09 以避免刷新问题改用它，感谢 Ogglas

<Redirect exact from="/" to="searchDashboard" />

来源:

https://stackoverflow.com/a/43958016/3850405