React-Router：无法从 / 重定向到 /home

Posted 2023-02-22

【中文标题】React-Router：无法从 / 重定向到 /home

【英文标题】：React-Router : Unable to redirect from / to /home

【发布时间】：2016-12-19 04:42:24

【问题描述】：

我在我的应用程序中使用 react-router 进行路由。这是路由器配置。

let routes = 
    path : "/",
    onEnter : (,replace) => replace('/home'),
    childRoutes : [
        
            path : "home",
            component : App,
            indexRoute : component : Landing,
            childRoutes : [ ]
        
    ]

当我尝试加载应用程序时，我得到RangeError: Maximum call stack size exceeded。据我了解，这是因为“/”中的 onEnter 每次我尝试击中任何东西时都会运行。有没有一种方法只在我点击完全匹配“/”而不是每次都执行时才执行？

【参考方案1】：

使用indexRoute 重定向到本地路由（参见index redirects 最后一个示例）：

let routes = 
    path : "/",
    indexRoute:  onEnter: (nextState, replace) => replace('/home') ,
    childRoutes : [
        
            path : "home",
            component : App,
            indexRoute : component : Landing,
            childRoutes : [ ]
        
    ]