當前位置:網站首頁>dva學習---effects异步中通過select獲取當前的state

dva學習---effects异步中通過select獲取當前的state

2022-01-28 07:58:49 程序員社區

根據 在組件中dispatch一個action的例子中,如果要在effects中對於param數據和當前的state數據進行再出處理,這裏怎麼獲取state呢?采用select,如下:

 

  1.  
     
  2.  
    export default {
  3.  
     
  4.  
    namespace: 'example',
  5.  
     
  6.  
    state: {num:1}, //錶示當前的example中的state狀態,這裏可以給初始值,這裏num初始為1
  7.  
     
  8.  
     
  9.  
    effects: { //這裏是做异步處理的
  10.  
    *addByONe({ param}, { call, put,select }) { //這裏使用select
  11.  
     
  12.  
    const num = yield select(state => state.num) //這裏就獲取到了當前state中的數據num
  13.  
    //方式二: const num = yield select(({num}) =>num)
  14.  
     
  15.  
    //方式三: const num = yield select(_ =>_.num)
  16.  
     
  17.  
    let param1;
  18.  
    param1 = num + param; 這裏就可以使用num進行操作了
  19.  
     
  20.  
    yield put({
  21.  
    type: 'save',
  22.  
    num:param1
  23.  
    });
  24.  
    }
  25.  
     
  26.  
     
  27.  
    },
  28.  
     
  29.  
    //用來保存更新state值 上面的put方法調用這裏的方法
  30.  
    reducers: {
  31.  
    save(state, action) { //這裏的state是當前總的state,這裏的action包含了上面傳遞的參數和type
  32.  
    return { ...state, ...action.num }; //這裏用ES6語法來更新當前state中num的值
  33.  
    },
  34.  
    },
  35.  
     
  36.  
    };
  37.  

版權聲明
本文為[程序員社區]所創,轉載請帶上原文鏈接,感謝
https://cht.chowdera.com/2022/01/202201280758493290.html

隨機推薦