关于 dva 2 的一个使用的问题(effects 调用)

Question

我想问一个有关 dva2 的一个问题：

这里以官方提供的user-dashboard的代码为例( https://github.com/dvajs/dva/... )

其effects:

    *create({ payload: values }, { call, put }) {
      yield call(usersService.create, values);
      yield put({ type: 'reload' });
    },
    *reload(action, { put, select }) {
      console.log('The reload is called...')
      const page = yield select(state => state.users.page);
      yield put({ type: 'fetch', payload: { page } });
    },

这里 create 函数会触发一个 { type: 'reload' } 这样的 action，经过尝试会触发下面的 reload 同名函数

但这个是如何导致 下面的 reload 函数执行的呢？

看到源码使用的 put 函数：

function put(action) {
    const { type } = action;
    assertAction(type, 'sagaEffects.put');
    return sagaEffects.put({ ...action, type: prefixType(type, model) });
}

应该主要也是 redux-saga 提供的，根据我的理解这里派发的 action 应该和其他的 effects 没有直接的调用关系(虽然dva增加了middleware使其返回Promise)，比较困惑下面的 reload 是在哪里进行触发的？这个处理流程是如何的？

希望了解的同学能够指点一二，非常感谢

Answer 1

感觉这就是 saga 本身的一种功能，我们使用 saga 的 takeEvery(key, sagaWithOnEffect); 对在业务组件中 dispatch 的 action 进行监听，实际上和监听这里的 action 是一样的

Answer 2

想了解更多，请学习react-redux