Redux-saga:如何使用typeScript输入工人参数

npm install redux-saga @types/redux-saga

import { call, put, takeEvery } from 'redux-saga/effects';
import { fetchData } from './api'; // 假设有一个fetchData函数用于发起异步请求

// 定义工作器的输入参数类型
interface WorkerParams {
  url: string;
}

// 工作器函数
function* fetchDataWorker(action: { payload: WorkerParams }) {
  try {
    const { url } = action.payload;
    const data = yield call(fetchData, url); // 调用异步请求函数
    yield put({ type: 'FETCH_SUCCESS', payload: data }); // 触发成功action
  } catch (error) {
    yield put({ type: 'FETCH_ERROR', payload: error }); // 触发错误action
  }
}

// 监听特定的action，并在触发时执行工作器
function* watchFetchData() {
  yield takeEvery('FETCH_DATA', fetchDataWorker);
}

export default function* rootSaga() {
  yield all([
    watchFetchData(),
    // 其他工作器...
  ]);
}