问题解答

    参考下面这个示例：

    这将使应用程序进入一个无限循环，因为 take() 只创建了一条 effect 描述信息。
    除非将它 yield 给 middleware 去执行，否则上面的 while 循环将会和普通的 while 循环行为一样，卡住你的应用程序。

    增加 yield 会暂停 Generator 并将控制返回给 Redux Saga middleware，然后 middleware 会执行这个 effect。
    在 take() 的情况中，Redux Saga 将等待下一个与表达式匹配的 action，然后才会恢复 Generator 执行。

    1. import { take } from 'redux-saga/effects'
    3. function* logActions() {
    4.   while (true) {
    5.     const action = yield take() // 正确
    6.   }
    7. }

    你可能在同一个 Saga 里运行了多个 语句。

    要么在不同的 Saga 里分别运行它们。要么使用 yield [...] (没有 *) 来并行地运行它们。

    1. function* mySaga() {
    2.   yield [
    3.     takeEvery(ACTION_1, doSomeWork),
    4.     takeEvery(ACTION_2, doSomeWork)
    5.   ]
    6. }

    yield* 用于 代理（delegate） 控制权给其他的迭代器。在上面的示例中，第一个 takeEvery(ACTION_1, doSomeWork) 返回了一个迭代器对象。
    由于结合了 yield*，mySaga Generator 将代理它所有的 next() 调用给返回的迭代器。这意味着 mySaga 的任何 next() 调用将会转发到 takeEvery(...) 迭代器的 next()。
    并且只有在第一个 takeEvery(...) 迭代器完成之后，第二个迭代器 的调用才会执行
    （由于 takeEvery(...) 执行的是一个 while(true) {...}，所以第一个迭代器永远不会结束，第二个迭代器的调用永远不会被执行）。

    确保 Saga 没有被一些 Effect 阻塞。当 Saga 正在等待 Effect 解决（resolve），这将导致 Saga 无法接收发起的 action，直到 Effect 被解决。

    例如，考虑这个例子：

    当 watchRequestActions 执行 yield call(handleRequestAction, url, params) 时，它会在继续下一个 yield take 之前一直等待 handleRequestAction 直到其结束并返回。
    例如，假设我们有这样一个事件队列：

    1. UI                     watchRequestActions             handleRequestAction  
    2. .......................take('REQUEST').......................................
    3. dispatch(REQUEST)......call(handleRequestAction).......call(someRemoteApi)... 等待服务器返回
    4. .............................................................................   
    5. .............................................................................
    6. dispatch(REQUEST)............................................................ 错过 action！！
    7. .............................................................................   
    8. .............................................................................
    9. .......................................................put(someAction).......
    10. .......................take('REQUEST')....................................... saga 恢复了

    为了避免阻塞 Saga，你可以使用 无阻塞调用 Effect 来代替 call。