如何在 ReactJS 中为子路由概念创建默认路由

Posted 2023-02-21

【中文标题】如何在 ReactJS 中为子路由概念创建默认路由

【英文标题】：How to make default route in ReactJS for child route concept

【发布时间】：2019-01-27 08:25:53

【问题描述】：

我有两条路线，如下所示

            <Route path='/dashboard/home' exact component=Charts />
            <Route path='/dashboard/map-view' component=Mapview />

如果用户只导航到“/dashboard”，我还需要显示“/dashboard/home”路线。每当我点击主页时，我也需要显示相同的内容。我该怎么做呢

【问题讨论】：

How to set the DefaultRoute to another Route in React Router的可能重复

【参考方案1】：

你可以使用Redirect:

<Redirect from='/dashboard' to='/dashboard/home'/>

【讨论】：

如果我像这样添加，对于第二条路线，单击它的导航到 /dashboard/home

然后这样做：<Route exact path='/dashboard' render=() => ( <Redirect to='/dashboard/home'/> )/>