javascript - 关于redux saga的使用

问题描述

问 题

本人刚学saga 望详细解答 谢谢。

export function* requestTypeList() {
  try {
    yield put(fetchTypeList());
    const typeList = yield call(request, WEXIN_ARTICLE_TYPE, 'get');
    yield put(receiveTypeList(typeList.showapi_res_body.typeList));
    yield call(store.save, 'typeList', typeList.showapi_res_body.typeList);
    const errorMessage = typeList.showapi_res_error;
    if (errorMessage && errorMessage !== '') {
      yield ToastUtil.showShort(errorMessage);
    }
  } catch (error) {
    yield put(receiveTypeList([]));
    yield ToastUtil.showShort('网络发生错误，请重试');
  }
}

export function* watchRequestTypeList() {
  while (true) {
    yield take(types.REQUEST_TYPE_LIST);//请问这个take起什么作用？监听嘛？如果是可以用takeevery替换?
    yield fork(requestTypeList);
  }
}

解决方案

take是高阶API，takeEvery是低阶API。
区别在于，take是主动监听action，比如
yield take(action.getData)//saga中间件主动在等待一个action，这样就意味着，程序是可以预见结果的
而，takeEvery是被动等待action，
yield takeEvery(action.getData)//saga被动的等待一个action，当action被匹配到，就会调用
这个在saga官网里有说。https://redux-saga.js.org/doc...

这篇关于javascript - 关于redux saga的使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！