Javascript 如何使用Axios来应对历史

我试图创建一个登录页面，该页面从url接收登录数据，然后在用户输入正确的登录详细信息时重定向。但是，当登录成功时（当flag=True时），我无法重定向

import React，{Component}来自“React”
从“react bootstrap”导入{Form，Button}
从'react router dom'导入{Link}；
从“react bootstrap”导入{Navbar，Nav}
从“axios”导入axios
导出默认类LoginPage扩展组件
{
建造师（道具）
{
超级（道具）
this.state={emailValue:''，密码：''，用户：[]，下一个页面URL:'}
this.handleChanges=this.handleChanges.bind（this）
this.handleSubmit=this.handleSubmit.bind（this）
this.URL=XXXXXXX
}
componentDidMount（）
{
}
手册更改（事件）
{
如果（event.target.name==='password'）
this.setState（{emailValue:this.state.emailValue，密码：event.target.value}）
else if（event.target.name=='username'）
this.setState（{emailValue:event.target.value，密码：this.state.password}）
}
handleSubmit（事件）
{
如果（this.state.emailValue==''）
警报（'您忘记键入电子邮件'）
else if（this.state.password===''）
警报（'您忘记键入密码'）
其他的
{
var email=this.state.emailValue
var pw=this.state.password
var标志=false
var self=这个
get（this.URL）
.然后（功能（响应）
{
对于（var i=0；i

我正在使用React浏览器路由器

有人能解释一下我做错了什么，以及如何修复它吗？感谢您的时间和考虑。

更改代码如下：

axios.get(this.URL)
.then(function(response)
{
    for(var i = 0; i < response.data.length; i++)
        if(email === response.data[i]['email'] && pw === response.data[i]['password'])
            flag = true
}) 
.then(res => {
    if(!flag) 
        alert('Login Unsucessful')
    else 
        LoginPage.props.history.push('/')
})

axios.get（this.URL）
.然后（功能（响应）
{
对于（var i=0；i{
如果（！标志）
警报（'登录不成功'）
其他的
LoginPage.props.history.push（“/”）
})

试试

这个.props

而不是

登录页面.props

你能把组件的全部代码都包括进去吗？抱歉@Rostyslav，刚才这么做了。Anshuant，试过了，没用。你好@Dishant，我刚试过。它没有重定向。它只是停留在同一个页面上。重定向到登录页面时是否出现错误？

axios.get(this.URL)
.then(function(response)
{
    for(var i = 0; i < response.data.length; i++)
        if(email === response.data[i]['email'] && pw === response.data[i]['password'])
            flag = true
}) 
.then(res => {
    if(!flag) 
        alert('Login Unsucessful')
    else 
        LoginPage.props.history.push('/')
})