react笔记 登陆成功后的JS路由跳转

如果想要在js中实现route页面跳转，你需要在引入react-router-dom时，新加入几个属性。

import { BrowserRouter as Router, Route, Link,Redirect,withRouter } from "react-router-dom"\


在你的state中定义用于判断是否登陆成功 之类的  所用的属性

this.state={
  loginFlag:false
}

随后在render中


if(this.state.loginFlag){
    return <Redirect to={{pathname:"/"}} />

}
如果loginFlag为真  则会自动跳转到  /  目录下

想要在什么时候跳转  只要改变loginFlag的状态即可

想要跳转到不同的页面  也可以绑定pathname到state中