react后台获取数据调用CallBack立即使用

awesome23 发布于2019-08-23 18:38 / 1591人阅读

摘要：背景最近在做项目时遇到表单数据获取问题，用户首先在申报者下拉框中选择数据，并根据这个数据向后台发送请求获取这条数据的详细信息，再根据返回的详细信息来生成项目所属阶段下拉框的数据。

背景

*最近在做项目时遇到表单数据获取问题，

用户首先在申报者下拉框中选择数据，并根据这个数据向后台发送请求获取这条数据的详细信息，再根据返回的详细信息来生成项目所属阶段下拉框的数据。
这种需要实时使用的数据可以在dispatch时增加callback函数，返回获取数据成功后拿到的数据。

函数定义处代码如下：

 handleChooseSchool=(value)=>{
    const that = this;
    const {dispatch}=this.props;
    dispatch({
      type:"EduMangeProjectsModel/getUser",
      payload:{
        id:value
      },
        callback : (res) => {
       this.handleSchoolUserChange(res);
        },
    },
    )
  };

相应model下函数定义如下：

*getUser({payload,callback},{call,put}){//将callback作为参数传入
      const response=yield call(UserSettingService.getUser,payload);
      if(response.code===0){

        yield put({
          type:"save",
          payload:{
            schoolUserDetail:response.data
          }
        })
        if (callback && typeof callback === "function"){
          callback(response.data);//返回response中的该条信息详细数据
        }
      }
      else{
        message.warning("获取信息失败")
      }
      return response;
    },

超融合服务器混合云 js调用后台数据 react使用webrtc js调用后台数据怎么查询 asp后台调用数据库

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105584.html

深入React知识点整理（二）

摘要：承接上文，深入知识点整理一使用也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。有限状态机，表示有限个状态以及在这些状态之间的转移和动作等行为的模型。承接上文，深入React知识点整理（一）使用React也满一年了，从刚刚会使用到逐渐探究其底层实现，以便学习几招奇技淫巧从而在自己的代码中使用，写出高效的代码。下面整理一些知识点，...

villainhr 2019-08-22 11:18 评论0 收藏0
关于this.setState( )中的数据延迟问题

摘要：判断当前是否处于批量更新状态，如果是，将当前组件加入待更新的组件队列中。将组件的暂存队列中的进行合并，获得最终要更新的对象，并将队列置为空。执行生命周期，根据返回值判断是否要继续更新。 this.setState( )方法是React.js中最常见的一种方法，利用它可以控制各种状态变化，达到页面各种交互效果，但是，我们在React开发中偶尔会发现，明明已经通过this.setState...

Lorry_Lu 2019-08-26 14:00 评论0 收藏0
ReactV16.3，即将更改的生命周期

摘要：我们目前的计划是为不安全生命周期引入别名，和。从现在开始，只有新的生命周期名称将起作用。从版本开始，更新以响应更改的推荐方法是使用新的静态生命周期。注释：本文是根据React的官方博客翻译而成（文章地址：https://reactjs.org/blog/2018...）。主要讲述了React之后的更新方向，以及对之前生命周期所出现的问题的总结，之后的React将逐步弃用一些生命周期和...

wendux 2019-08-22 16:28 评论0 收藏0
React setState源码实现理解

摘要：新的值回调函数。官方注解是给组件做个标记需要重新渲染，并且将可选的回调函数添加到函数列表中，这些函数将在重新渲染的时候执行。一共做了两件事一是通过执行方法来更新组件二是若方法传入了回调函数则将回调函数存入队列。 Q1 setState改变状态之后，不会立即更新state值。所以，如果改变state值，react是什么时候进行组件的更新呢？setState()到底做了一些什么呢？ A1 ...

xietao3 2019-08-23 18:21 评论0 收藏0
scheduler 源码

摘要：布尔型，表示该帧里面没有执行回调，超时了。这一处理机制在监听函数中实现作为，接受消息的时机将随着线程的空闲程度起变化。为什么是要有scheduler 首先要从js的是单线程模型来说起,Javascript执行是会经历静态编译，动态解释和事件循环做任务调度的过程，大致的流程如下(注意，该流程是以chrome浏览器内核为标准的执行流程，在node或者其他浏览器中，执行流程会有所差异，但是...

SillyMonkey 2019-08-23 15:54 评论0 收藏0