【React笔记】setState之后执行某个函数+函数间流程控制

最新推荐文章于 2024-03-14 08:15:00 发布

原创最新推荐文章于 2024-03-14 08:15:00 发布 · 4.9k 阅读

0 ·

CC 4.0 BY-SA版权

React 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了在React中如何正确处理setState的异步特性，确保组件状态更新后的操作能够有序执行。通过实例展示了使用回调函数和async/await语法糖来实现函数间的有序调用，确保了代码的稳定性和可读性。

目的：由于setState({a:''1})是异步操作

1、如果想setState成功后再执行某个函数：

this.setState({disableFlag:true},function () {
              this.getTab2Data();
            })

2、执行完方法1再执行方法2：

 //需要保证有序执行的函数 
 onSubmit = async() => {
    console.log(0)
    await this.uploadFiles();
    //等待上面函数执行完毕
    console.log(4)
  }
  uploadFiles =  () => {
    console.log(1)
     this.classifyUploaderRef.startUpload();
    console.log(2)
     this.confirmUploaderRef.startUpload();
    console.log(3)
  }