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可以防止错误显示为无关紧要
但是,在将其标记为答案之前,我将等待导航不起作用的原因