react后臺獲取數據調用CallBack立即使用

awesome23 發布于2019-08-23 18:38 / 1719人閱讀

摘要：背景最近在做項目時遇到表單數據獲取問題，用戶首先在申報者下拉框中選擇數據，并根據這個數據向后臺發送請求獲取這條數據的詳細信息，再根據返回的詳細信息來生成項目所屬階段下拉框的數據。

背景

*最近在做項目時遇到表單數據獲取問題，

用戶首先在申報者下拉框中選擇數據，并根據這個數據向后臺發送請求獲取這條數據的詳細信息，再根據返回的詳細信息來生成項目所屬階段下拉框的數據。
這種需要實時使用的數據可以在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;
    },

云服務器 GPU云服務器 js調用后臺數據 react使用webrtc js調用后臺數據怎么查詢 asp后臺調用數據庫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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