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

问题描述

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可以防止错误显示为无关紧要

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

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)