vue.js - react路由如何像vue路由一样,用name方式进行导航跳转,避免硬编码?
react路由如何像vue一样,用name的方式进行导航?
因为react路由用navigate('/home')这种形式,都是硬编码,以后万一要修改路径,那么所有路径都要改,很麻烦.而如果有vue路由的name的方式,只要name不变,路径随便改都可以.
下图是vue router的name方式,可以避免硬编码,那么react有什么办法可以达到该目的吗?
共有1个答案
你把react的router跳转方法包装一下，在包装内部维护一份name和path的映射设就行了
-
我的页面是三级嵌套路由，结构类似于 /message/detail/0。 但当我使用 this.$router.push('/index') 返回首页的时候，页面路径变成了/message/detail/index。 请问我该如何解决这个问题，希望从 /message/detail/0 页面直接跳转到 /index。 这个是路由配置的JS：
-
在我的React项目中，我有： 没有标题的登录组件 问题：我应该如何构建我的路由器从登录页面开始，当我点击登录时，路由器会把我带到仪表板？
-
路由管理 路由管理主要是为了实现页面切换。Flutter中，页面称为路由Router，由导航器Navigator控制，导航器维护一个路由栈，路由入栈(push)则打开新页面，路由出栈(pop)则关闭页面。Flutter中的页面切换就是导航器指挥路由入栈出栈的过程，即：Navigator来push/pop页面Route的过程。写写常用场景的demo。 页面跳转 核心方法：Navigator.push
-
假设 页面 /detail/1 上面有一个列表，上面有一个列表，分别需要跳转到 /detail/2, /detail/3 这种相同的页面，只是参数不同，需要跟进id调用接口刷新页面，请问该如何跳转，最好 url 地址也跟着改变
-
本文向大家介绍当vue路由变化时,改变导航栏的样式方法，包括了当vue路由变化时,改变导航栏的样式方法的使用技巧和注意事项，需要的朋友参考一下 当我们需要做一个类似顶部 或 底部导航栏公共组件的时候，单击某个导航栏按钮，跳转到另一个组件， 并且改变导航栏按钮的样式，如果用<router-link to=""><router-link/> 跳转的时候，我们可以这样做， 改变router-link-a
-
route(Object) 此为一个路由跳转方法，内部是对uni多个路由跳转api的封装，更方便使用 Object参数说明： 参数名 类型 默认值 是否必填 说明 type String navigateTo false navigateTo或to对应uni.navigateTo，redirect或redirectTo对应uni.redirectTo，switchTab或tab对应uni.swit