Dva: प्रेषण के लिए वापसी के वादे का समर्थन करने का प्रयास करें (EFFECT_ACTION)

1. अगर मैं एसिंक्रोनस क्लोजिंग को एकीकृत करना चाहता हूं, तो https://ant.design/components/modal-cn/#components -modal-demo-async, onOk को इस में एक वादा स्वीकार करना होगा।
दृश्यमान: झूठा,
पुष्टि लोड हो रहा है: झूठा,
});

डीवा में एक कार्रवाई भेजने के बाद,
प्रेषण({
टाइप करें: 'उपयोगकर्ता/बनाएं',
पेलोड: मान,
}); मूल्य एक वादा नहीं है, बल्कि एक क्रिया है।

1. समाधान यह हो सकता है कि स्टोर में दृश्यमान और कन्फर्म लोडिंग स्टेट्स डालें।

   1. क्या यह संभव है कि डीवा में एक कार्रवाई भेजने के बाद, यह एक वादा है, और रेडक्स-थंक एक वादा है। मेरी डिश यह हो सकती है कि गाथा का कार्यान्वयन अलग हो।

@nickzheng इस विधि को

उदाहरण के लिए, घटक में प्रेषण को लपेटने के वादे का उपयोग करें:

   new Promise((resolve, reject) => {
      dispatch({
         type: 'users/create',
         payload: {
             values,
             resolve,
             reject,
         },
      }); 
   })
   .then( res => {
      console.log(res);
   })
  .catch( err => {
      console.log(err);
  })

और डीवा के प्रभाव में, आप इसे इस तरह लिख सकते हैं:

* create({ payload }, { put, call }) {
  const { value, resolve, reject } = payload;
  // 一些操作之后

  if (success) {
     resolve('done');
  } else {
     reject('error');
  }
}

@sorrycc का पिछला विचार

https://github.com/dvajs/dva-core/blob/0fa6888/test/fects-test.js#L332 -L365, बिल्ट-इन सपोर्ट डिस्पैच (इफेक्टएक्शन) रिटर्न प्रॉमिस।

@sorrycc एक पसंद करता है, पूछें कि इस सुविधा का कौन सा संस्करण जोड़ा गया था? चेंजलॉग नहीं दिख रहा है?

@daskyrk आदि #772

यह dva@2 में समर्थित है।

वादों के लिए अंतर्निहित समर्थन के बाद, संकल्प को कैसे परिभाषित करें और प्रभाव में अस्वीकार करें?
सफलता को कैसे गिनें, असफलता को कैसे गिनें?
@pizn द्वारा प्रदान किए गए

   new Promise((resolve, reject) => {
      dispatch({
         type: 'users/create',
         payload: {
             values,
             resolve,
             reject,
         },
      }); 
   })
   .then( res => {
      console.log(res);
   })
  .catch( err => {
      console.log(err);
  })

क्या अंतर्निहित वादे का मतलब शीर्ष को नीचे की ओर मोड़ना है?

dispatch({
  type: 'users/create',
  payload: {
    values,
    resolve,
    reject,
  },
})
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  })

परियोजना

const { dispatch } = this.props;
dispatch({
   type: 'specification/fetch',
    payload: applicationId,
 }).then((data) => {
     console.log(data)
 });

आदर्श

 effects: {
    * fetch({ payload }, { call, put, select}) {
      const response = yield call(querySpecification, payload);
      yield put({
        type: 'list',
        payload: response
      });
      return yield select(state => state.specification.list);  //important
    }
},
reducers: {
    list(state, action) {
      return {
        ...state,
        list: action.payload
      };
    }
  }

@Youthink नीचे की तरह मेरी स्थिति में क्या करना है

परियोजना

this.props.dispatch({
    type: 'app/login',
    payload: {
        phone: '13312332131',
        smscode: '6666',
    }
}).then(data => {
    console.log('success result', data)
}).catch(err => {
    console.warn('error result', err)
})

आदर्श

*login({ payload }, { call, put }) {
    // 请求状态 fetching 为 true，方便页面显示loading状态
    yield put({ type: 'updateState', fetching: true })
    // 这里进行登录 service
    const login = yield call(authService.login, payload)
    // 如果上面的 authService.login 异常了，下面的逻辑就不会进行了，下面的 fetching 设置为 false 也不会执行到
    if (login) {
        yield put(NavigationActions.back())
        Storage.set('login', login)
    }
    // 这里重置下 状态 fetching 为 false
    yield put({type:'updateState', fetching: false })
},

मुझे लगता है कि कोई फर्क नहीं पड़ता कि बैकएंड सफलता देता है या कोई अपवाद है, इसे yield put({type:'updateState', fetching: false }) निष्पादित किया जा सकता है। मुझे पता है कि सफलता या विफलता के बावजूद, परियोजना में लाने के लिए मॉडल को प्रेषण भेजना संभव है, लेकिन ऐसा करना बहुत उचित नहीं लगता है।