weixin_47349368 2020-04-24 23:45 采纳率: 0%
浏览 336

react中setState异步问题?

代码如下。是一个用户登出的函数。点击登出更改state中的login为false并跳转到首页。一开始我用window.location.href='/';实现,发现因为setState是异步的,如果不写在箭头函数里做参数传进setState中,会先触发跳转,但是login的状态还没变。
教程里老师用的是this.props.history.push('');获得路由信息后跳转。
这里没写到setState中也不会触发异步问题。请问是为什么呢?是因为因为要用props所以要等state更新完么?求解,谢谢
另外两种跳转方法有什么区别?哪一个更优?

handleLogOut(){
        axios.get('http://www.dell-lee.com/react/api/logout.json',{withCredentials:true})
            .then(res=>{
                if(res.data.data.logout){
                    message.success('退出成功');
                    // this.setState(()=>{return {
                    //     login:false
                    // }},()=>{
                    //     window.location.href='/';
                    // })
                    this.setState({
                        login:false
                    })
                    this.props.history.push('');
                }
            })            
    }
  • 写回答

1条回答 默认 最新

  • Dt_man 2020-06-23 20:43
    关注

    之前使用window.location.href='/'跳转应该是让整个页面窗口进行了跳转而不是让react进行跳转,所以并不是因为页面状态更新发生的跳转,
    之后写在setState参数中跳转状态会改变,是因为,setState在状态修改完成后会马上执行第二个函数,所以会发生页面跳转,并且状态更新

    评论

报告相同问题?

悬赏问题

  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog