美文网首页
在一瞬间,有一百万个可能...

在一瞬间,有一百万个可能...

作者: fangcaiwen | 来源:发表于2018-10-16 16:01 被阅读0次

直接上代码:

/**
 * Created by wind on 2018/10/16 14:06
 *
 * Description:
 *
 * @flow
 */

import { put, call, fork, take, select} from 'redux-saga/effects';
import * as api from '../../../base/service/http/Api';
import * as actions from '../action/roomList';
import { fetchApi } from '../../../base/utils/SagaHelper';
import * as types from '../types';
import { HUDLoading, Toast } from '../../../base/widgets/index';
import MyToast from "../../../base/widgets/Toast";

const fetchRequestCheckoutApi = fetchApi.bind(null, actions.requestCheckout, api.requestCheckout);

function* watcheRquestCheckout() {
  while (true) {
    const {payload} = yield take(types.REQUESTCHECKOUT.REQUEST);
    HUDLoading.showLoading();
    yield fork(fetchRequestCheckoutApi, payload);

    const action = yield take([types.REQUESTCHECKOUT.SUCCESS, types.REQUESTCHECKOUT.FAILURE]);
    HUDLoading.dismissLoading();
    if (action.type === types.REQUESTCHECKOUT.FAILURE) {
        MyToast.showToastNoMask(action.payload);
        continue;
    }
  }
}
// 这种写法只支持调用一次,要像上面那样对于success和failure封装在一个里面
// function* watchRquestCheckoutFAILURE() {
//   while (true) {
//     const {payload} = yield take(types.REQUESTCHECKOUT.FAILURE);
//     HUDLoading.dismissLoading();
//     Toast.showToastNoMask(payload);
//   }
// }

export default [
  watcheRquestCheckout
];

可能你看完以后一脸懵逼,说不定几天以后我自己看这篇文章也一脸懵逼。这到底写的啥跟啥,其实啥也不是,就是困扰我三天的一个bug,我一直想不通为什么?这到底为什么?但是在一瞬间,我换了个写法,问题就解决了。在此记录,等下次遇到了,直接换个写法,美滋滋。写代码使我快乐,我最爱写代码。
记录:问题出在redux-saga这里,对于发送一个请求,我采用的是发送一个action,action分为五类,即:

const createActionTypes = actionName => ({
  REQUEST: `${actionName}_REQUEST`,
  PENDING: `${actionName}_PENDING`,
  SUCCESS: `${actionName}_SUCCESS`,
  FAILURE: `${actionName}_ERROR`,
  RESET: `${actionName}_RESET`,
});

对应的处理方法是:

const creatActionCreators = (actions) => ({
  request: (payload) => creatActionCreator(actions.REQUEST, payload),
  pending: (payload) => creatActionCreator(actions.PENDING, payload),
  success: (payload, meta) => creatActionCreator(actions.SUCCESS, payload, meta),
  failure: (payload, meta) => creatActionCreator(actions.FAILURE, payload, meta),
  reset: (payload) => creatActionCreator(actions.RESET, payload),
});

一般发送一个请求都会从xxxx_REQUEST往下走,然后分别xxxx_ PENDING,最后走xxxx_ SUCCESS或者xxxx_ FAILURE,但是遇到这个接口只走一次,第二次无论怎么发action,都只走xxxx_REQUEST,然后就没然后了,我检查了所有页面代码,action,reducer,saga,甚至后端的接口我都拿postman调试了,依然没发现问题,后来我就死盯着saga看了,由于这块代码不是我写的,我就猜测100%是这里的问题,果不其然,换了个写法就没问题了。希望对于同样用saga的同学写逻辑处理的时候注意下,这里的坑还是蛮多的。

相关文章

  • 一瞬间

    在一瞬间有一百万个可能 该向前走或者继续等 …… 对哒,一百万种可能。 一瞬间,有一种紧迫感。2019已经开始了,...

  • 人生有千万种可能,前提是不要给自我设限!

    “在一瞬间有一百万个可能,该向前走,或者继续等?” 在克丽丝叮的《一百万个可能》里唱到。是啊,在我们人生的某个路口...

  • 日出2018.10.2

    一瞬间, 有一百万个可能。 抓住它, 坚定走!

  • 新生记

    前段时间有首歌很火,叫一百万个可能,就像歌词写的一样,一瞬间有一百万个可能,这几天我也经历了一百万个可能,迷茫过,...

  • 我把我唱给你听

    夏 末 的 歌 ​ No.1 一百万个可能 克里斯丁 在一瞬间 有一百万个可能该向前走 或者继续等这冬夜里 有百万...

  • 在一瞬间有一百万个可能

    今天刷抖音时突然看到一个故事,一对情侣即将分别,男生要做火车去另一个城市,女生十分舍不得的看着男生上车,女生说,如...

  • 在一瞬间,有一百万个可能...

    直接上代码: 可能你看完以后一脸懵逼,说不定几天以后我自己看这篇文章也一脸懵逼。这到底写的啥跟啥,其实啥也不是,就...

  • 在一瞬间,有一百万个可能

    文/小蚂蚁的远方 今天浏览公众号,看到了央视新闻的“夜读”栏目里,一篇文章感动了我。这是一篇呼吁全民关注自闭症家庭...

  • 在一瞬间有一百万个可能

    再次借用一下歌名,一瞬间有一百万个可能。觉得这个歌名挺励志,所以就借用了。 今天参加下午小组会学习的时候,老师们讲...

  • 在一瞬间,有一百万个可能

    有几天没有休息,我也记不得了,忙着忙着,居然还有点享受这样的状态。 我讨厌没有事儿做的时候,我讨厌自己慵懒的躺在床...

网友评论

      本文标题:在一瞬间,有一百万个可能...

      本文链接:https://www.haomeiwen.com/subject/pluhzftx.html