react后臺(tái)獲取數(shù)據(jù)調(diào)用CallBack立即使用

awesome23 發(fā)布于2019-08-23 18:38 / 1736人閱讀

摘要：背景最近在做項(xiàng)目時(shí)遇到表單數(shù)據(jù)獲取問題，用戶首先在申報(bào)者下拉框中選擇數(shù)據(jù)，并根據(jù)這個(gè)數(shù)據(jù)向后臺(tái)發(fā)送請求獲取這條數(shù)據(jù)的詳細(xì)信息，再根據(jù)返回的詳細(xì)信息來生成項(xiàng)目所屬階段下拉框的數(shù)據(jù)。

背景

*最近在做項(xiàng)目時(shí)遇到表單數(shù)據(jù)獲取問題，

用戶首先在申報(bào)者下拉框中選擇數(shù)據(jù)，并根據(jù)這個(gè)數(shù)據(jù)向后臺(tái)發(fā)送請求獲取這條數(shù)據(jù)的詳細(xì)信息，再根據(jù)返回的詳細(xì)信息來生成項(xiàng)目所屬階段下拉框的數(shù)據(jù)。
這種需要實(shí)時(shí)使用的數(shù)據(jù)可以在dispatch時(shí)增加callback函數(shù)，返回獲取數(shù)據(jù)成功后拿到的數(shù)據(jù)。

函數(shù)定義處代碼如下：

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

相應(yīng)model下函數(shù)定義如下：

*getUser({payload,callback},{call,put}){//將callback作為參數(shù)傳入
      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中的該條信息詳細(xì)數(shù)據(jù)
        }
      }
      else{
        message.warning("獲取信息失敗")
      }
      return response;
    },

GPU云服務(wù)器云服務(wù)器 js調(diào)用后臺(tái)數(shù)據(jù) react使用webrtc js調(diào)用后臺(tái)數(shù)據(jù)怎么查詢 asp后臺(tái)調(diào)用數(shù)據(jù)庫

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105584.html

相關(guān)文章

深入React知識點(diǎn)整理（二）

摘要：承接上文，深入知識點(diǎn)整理一使用也滿一年了，從剛剛會(huì)使用到逐漸探究其底層實(shí)現(xiàn)，以便學(xué)習(xí)幾招奇技淫巧從而在自己的代碼中使用，寫出高效的代碼。有限狀態(tài)機(jī)，表示有限個(gè)狀態(tài)以及在這些狀態(tài)之間的轉(zhuǎn)移和動(dòng)作等行為的模型。承接上文，深入React知識點(diǎn)整理（一）使用React也滿一年了，從剛剛會(huì)使用到逐漸探究其底層實(shí)現(xiàn)，以便學(xué)習(xí)幾招奇技淫巧從而在自己的代碼中使用，寫出高效的代碼。下面整理一些知識點(diǎn)，...

villainhr 2019-08-22 11:18 評論0 收藏0
關(guān)于this.setState( )中的數(shù)據(jù)延遲問題

摘要：判斷當(dāng)前是否處于批量更新狀態(tài)，如果是，將當(dāng)前組件加入待更新的組件隊(duì)列中。將組件的暫存隊(duì)列中的進(jìn)行合并，獲得最終要更新的對象，并將隊(duì)列置為空。執(zhí)行生命周期，根據(jù)返回值判斷是否要繼續(xù)更新。 this.setState( )方法是React.js中最常見的一種方法，利用它可以控制各種狀態(tài)變化，達(dá)到頁面各種交互效果，但是，我們在React開發(fā)中偶爾會(huì)發(fā)現(xiàn)，明明已經(jīng)通過this.setState...

Lorry_Lu 2019-08-26 14:00 評論0 收藏0
ReactV16.3，即將更改的生命周期

摘要：我們目前的計(jì)劃是為不安全生命周期引入別名，和。從現(xiàn)在開始，只有新的生命周期名稱將起作用。從版本開始，更新以響應(yīng)更改的推薦方法是使用新的靜態(tài)生命周期。注釋：本文是根據(jù)React的官方博客翻譯而成（文章地址：https://reactjs.org/blog/2018...）。主要講述了React之后的更新方向，以及對之前生命周期所出現(xiàn)的問題的總結(jié)，之后的React將逐步棄用一些生命周期和...

wendux 2019-08-22 16:28 評論0 收藏0
React setState源碼實(shí)現(xiàn)理解

摘要：新的值回調(diào)函數(shù)。官方注解是給組件做個(gè)標(biāo)記需要重新渲染，并且將可選的回調(diào)函數(shù)添加到函數(shù)列表中，這些函數(shù)將在重新渲染的時(shí)候執(zhí)行。一共做了兩件事一是通過執(zhí)行方法來更新組件二是若方法傳入了回調(diào)函數(shù)則將回調(diào)函數(shù)存入隊(duì)列。 Q1 setState改變狀態(tài)之后，不會(huì)立即更新state值。所以，如果改變state值，react是什么時(shí)候進(jìn)行組件的更新呢？setState()到底做了一些什么呢？ A1 ...

xietao3 2019-08-23 18:21 評論0 收藏0
scheduler 源碼

摘要：布爾型，表示該幀里面沒有執(zhí)行回調(diào)，超時(shí)了。這一處理機(jī)制在監(jiān)聽函數(shù)中實(shí)現(xiàn)作為，接受消息的時(shí)機(jī)將隨著線程的空閑程度起變化。為什么是要有scheduler 首先要從js的是單線程模型來說起,Javascript執(zhí)行是會(huì)經(jīng)歷靜態(tài)編譯，動(dòng)態(tài)解釋和事件循環(huán)做任務(wù)調(diào)度的過程，大致的流程如下(注意，該流程是以chrome瀏覽器內(nèi)核為標(biāo)準(zhǔn)的執(zhí)行流程，在node或者其他瀏覽器中，執(zhí)行流程會(huì)有所差異，但是...

SillyMonkey 2019-08-23 15:54 評論0 收藏0