Javascript 配置路由器v4

Javascript 配置路由器v4,javascript,reactjs,react-router,frontend,Javascript,Reactjs,React Router,Frontend,我有两个页面,管理和登录页面。若用户未登录,则管理页面必须重定向到登录页面,若用户登录,则登录页面必须重定向到管理页面 在react router v3中,我有oneter和onChange方法,在这种方法中,我可以获得存储并查看用户是否登录和替换路由,但在v4中不存在这种方法,所以所有包含oneter和onChange方法的逻辑都必须放在组件中,例如组件中将接收props 谢谢大家! 是的。在react路由器v4中,路由仅被视为另一种类型的组件。布线只是一个组件,如果浏览器位置与给定路径匹配,

我有两个页面,管理和登录页面。若用户未登录,则管理页面必须重定向到登录页面,若用户登录,则登录页面必须重定向到管理页面

在react router v3中,我有oneter和onChange方法,在这种方法中,我可以获得存储并查看用户是否登录和
替换
路由,但在v4中不存在这种方法,所以所有包含oneter和onChange方法的逻辑都必须放在组件中,例如
组件中将接收props


谢谢大家!

是的。在react路由器v4中,路由仅被视为另一种类型的组件。布线只是一个组件,如果浏览器位置与给定路径匹配,则该组件将呈现另一个给定组件,这就是它所做的全部工作。由于这个设计决策,让另一组生命周期方法专门用于路由没有多大意义,我们可以利用React组件生命周期方法。根据我的经验,它几乎涵盖了react router v3生命周期挂钩支持的所有用例

在您的例子中,您可以简单地将条件标记放在JSX的管理组件和登录组件中,以使其工作。另外,这个场景在新的react路由器4中得到了很好的解释