这篇博客探讨了如何在 DVA 框架的 @2 版本和 @1 版本中处理回调函数和 Promise。在 DVA@2 中，可以通过将回调函数作为 dispatch 的 payload 参数来实现，而在 model 的 effects 中处理回调。在 DVA@1 中，可以利用 Promise 的 then 方法，将 resolve 作为 dispatch 的 payload，并在 model 的 effects 中通过 resolve 返回数据。这两种方式都允许在异步操作完成后执行相应的逻辑。
一、在dispatch中使用callback
在dva@2中实现回调可以将回调函数作为参数dispatch：
dispatch({
type: 'model/fetch',
payload: {
resolve,
id: userId,
},
callback: res => {
console.log(res);
}
})
然后在model的effects中这样写:
*fetch({ payload, callback }, {call}) {
const response = yield call(services.fetch, payload);
if (response.code === 0) {
yield put({
type: 'reload',
payload: response,
});
if (callback) callback(response);
}
二、在dispatch中使用then
如果在dva@1中要实现回掉可以用Promise实现：
new Promise((resolve) => {
dispatch({
type: 'model/fetch',
payload: {
resolve,
id: userId,
}
})
}).then((res) => {
console.log(res);
})
然后在model的effects中这样写:
...
*fetch({ payload }, { call }) {
const { resolve } = payload;
const { data } = yield call(services.fetch, payload);
if (data.code === 0) {
// 通过resolve返回数据，返回的数据将在Promise的then函数中获取到
!!resolve && resolve(data.data);
}
扫一扫
4505
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
