redux-thunk与redux-saga比较

redux-thunk是一个非常简单的中间件。它的作用是允许您在action中返回一个函数。这个函数可以执行异步操作，并且在操作完成之后，它可以dispatch一个新的action来更新store中的state。

redux-thunk的使用方法也非常简单。您只需要在您的Redux store中安装redux-thunk，然后在您的action中返回一个函数即可。例如：

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';

const store = createStore(
  reducer,
  applyMiddleware(thunk)
);

store.dispatch((dispatch) => {
  setTimeout(() => {
    dispatch({ type: 'INCREMENT_COUNTER' });
  }, 1000);
});

上面的例子中，我们使用redux-thunk来实现一个简单的计时器。当您dispatch这个action时，redux-thunk会创建一个新的函数，该函数会在1秒后dispatch一个新的action来更新store中的state。

redux-saga是一个更强大的中间件。它可以用来处理更复杂的异步操作，例如：

• 并发操作
• 超时操作
• 取消操作

redux-saga的使用方法也比较简单，但它比redux-thunk要复杂一些。您需要在您的Redux store中安装redux-saga，然后在您的项目中创建一个saga文件。在saga文件中，您需要定义一些generator函数来处理异步操作。例如：

import { takeEvery, put, call } from 'redux-saga/effects';

function* incrementCounterSaga() {
  while (true) {
    yield takeEvery('INCREMENT_COUNTER', function*() {
      yield call(delay, 1000);
      yield put({ type: 'INCREMENT_COUNTER' });
    });
  }
}

上面的例子中，我们使用redux-saga来实现一个简单的计时器。当您dispatch一个INCREMENT_COUNTERaction时，redux-saga会创建一个新的generator函数，该函数会在1秒后dispatch一个新的action来更新store中的state。

redux-thunk和redux-saga都是非常强大的中间件，但它们也有很多区别。下表总结了redux-thunk和redux-saga的主要区别：

特性	redux-thunk	redux-saga
简单性	简单	复杂
使用方式	容易	困难
功能	基本	强大
并发操作	不支持	支持
超时操作	不支持	支持
取消操作	不支持	支持

redux-thunk和redux-saga都是非常强大的中间件，它们都可以用来处理异步操作。但是，它们也有很多区别。redux-thunk更简单，使用起来也更容易，而redux-saga更强大，可以处理更复杂的异步操作。

如果您只是想处理一些简单的异步操作，那么redux-thunk是一个不错的选择。但是，如果您需要处理更复杂的异步操作，那么redux-saga是一个更好的选择。