如何从我的saga生成器函数中调用此操作？

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

// 定义一个action类型
const FETCH_DATA = 'FETCH_DATA';

// 定义一个saga生成器函数
function* fetchDataSaga(action) {
  try {
    // 执行异步操作，比如发送网络请求
    const data = yield call(api.fetchData, action.payload);

    // 操作成功后，触发一个新的action
    yield put({ type: 'FETCH_DATA_SUCCESS', payload: data });
  } catch (error) {
    // 操作失败时，触发一个错误action
    yield put({ type: 'FETCH_DATA_FAILURE', error });
  }
}

// 监听FETCH_DATA action，并在触发时调用fetchDataSaga函数
function* watchFetchData() {
  yield takeEvery(FETCH_DATA, fetchDataSaga);
}

import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { fetchData } from './actions';

function MyComponent({ fetchData }) {
  useEffect(() => {
    // 在组件挂载时调用fetchData action
    fetchData();
  }, []);

  return (
    // 组件的渲染内容
  );
}

export default connect(null, { fetchData })(MyComponent);