如何在mapDispatchToProps中调用生成器函数？

npm install redux-saga

// sagas.js

import { put, takeEvery } from 'redux-saga/effects';
import { fetchDataSuccess, fetchDataFailure } from './actions';

// 生成器函数，处理异步操作
function* fetchDataSaga(action) {
  try {
    // 执行异步操作，例如发送网络请求
    const response = yield call(api.fetchData, action.payload);

    // 成功时，触发相应的action
    yield put(fetchDataSuccess(response.data));
  } catch (error) {
    // 失败时，触发相应的action
    yield put(fetchDataFailure(error.message));
  }
}

// 监听特定的action，并调用相应的生成器函数
function* watchFetchData() {
  yield takeEvery('FETCH_DATA_REQUEST', fetchDataSaga);
}

export default function* rootSaga() {
  yield all([
    watchFetchData(),
    // 添加其他的saga监听器
  ]);
}

// index.js

import { createStore, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga';
import rootReducer from './reducers';
import rootSaga from './sagas';

// 创建saga中间件
const sagaMiddleware = createSagaMiddleware();

// 创建store，并将saga中间件应用于store
const store = createStore(rootReducer, applyMiddleware(sagaMiddleware));

// 运行根saga
sagaMiddleware.run(rootSaga);

// 渲染应用程序

// actions.js

export const fetchDataRequest = (payload) => ({
  type: 'FETCH_DATA_REQUEST',
  payload,
});

// mapDispatchToProps中调用生成器函数
const mapDispatchToProps = (dispatch) => ({
  fetchData: (payload) => dispatch(fetchDataRequest(payload)),
});

export default connect(null, mapDispatchToProps)(Component);