到达路由器导航更改URL路径,但不呈现组件

时间:2020-10-21 15:50:18

标签: reactjs single-page-application reach-router

ReactJS,到达路由器,Webpack应用程序

在条件检查后尝试导航到首页时。我得到了具有正确URL路径的空白页面albiet。它根本没有进入MyHome组件,在浏览器控制台中,我看到导航到http:// localhost:[PORT]但没有路径

为什么不导航?

        <Router>
            <MyRoute path="/*" component={MyOne} />
            <MyRoute path="/home" component={MyHome} />
            <MyRoute path="/two" component={MyTwo} />}
        </Router>

MyRoute.js

const MyRoute= ({ component: Component}) => {


   ..........

    if (!check) {
        return navigate(`/home`)
    }

    return <Component />
}

修改
<Redirect to="/home" noThrow />代替导航

重定向与componentDidCatch配合使用,以防止渲染树并从新位置重新开始。

React引发错误,您将在控制台日志中看到该错误。 NoThrow可以防止错误显示为无关紧要

但是,在将其标记为答案之前,我将等待导航不起作用的原因

0 个答案:

没有答案