介绍一种JavaScript改变路由的方法
![](https://img.haomeiwen.com/i14714949/501366e258d2228f.png)
![](https://img.haomeiwen.com/i14714949/8c3c756b490b350f.png)
配置一个简单路由,使其点击跳转登录页面
![](https://img.haomeiwen.com/i14714949/75c0d21b1a24899c.png)
比较常用的可以直接引入Link,在button里面包裹使用
![](https://img.haomeiwen.com/i14714949/fea221632a027397.png)
方法跟昨天写的完全一样,或者使用编程式跳转,我已经给form绑定了submit方法
![](https://img.haomeiwen.com/i14714949/3cac7e74567600db.png)
使用history.push即可,如果需要传参添加一个对象就行
![](https://img.haomeiwen.com/i14714949/2add5064e83c967d.png)
写法都是一样的
今天介绍的是使用Redirect
Redirect也是在react-router-dom插件中,直接引入即可
![](https://img.haomeiwen.com/i14714949/76a0f22be1360e1d.png)
首先我们在state中设置一个数据用来监听
![](https://img.haomeiwen.com/i14714949/5cd2ac792918f1cf.png)
![](https://img.haomeiwen.com/i14714949/ca87272b07639470.png)
做个简单的过滤,此时由于state的更新会重新render,就可以使用Redirect了
![](https://img.haomeiwen.com/i14714949/57b58991e1aa5831.png)
那么初始化是不会渲染的,当然这里也是可以使用对象这样就可以传参了,格式与Link都是相同的
网友评论