前端异步处理——最常用 最好用的方式


在开发中,我们往往会遇到一些异步数据处理的情况,导致数据获取不到,或者是渲染异常!

话不多说,直接干货:

1 场景一,在点击编辑操作时,往往通过一个id调取接口,获取数据后然后塞进表单中,

 

格式为:

 

 当改变这个布尔值为false时,该组件会销毁,为true时,会重新创建

场景2,

this.setState({},callback);
//比如当你更新完某个数据后,需要调用某个函数,
//常规:
this.setState({data:'2'});
this.getList();
//以上方式 可能导致数据获取不及时,而没有渲染最新数据
//应为:
this.setState({data:'2'},()=>this.getList())