如何链接异步操作redux saga (获取XHR请求)

// 1. 安装 Redux Saga
// npm install redux-saga

// 2. 创建 Saga 文件（例如：apiSaga.saga.js）
import { takeEvery, call, put } from 'redux-saga/effects';
import { fetchDataSuccess, fetchDataFailure } from './actions';

// 3. 编写 Saga 逻辑
function* fetchDataSaga(action) {
  try {
    const response = yield call(fetch, action.payload.url);
    const data = yield call([response, response.json]);
    yield put(fetchDataSuccess(data));
  } catch (error) {
    yield put(fetchDataFailure(error));
  }
}

function* watchFetchData() {
  yield takeEvery('FETCH_DATA', fetchDataSaga);
}

// 4. 链接 Saga 到 Redux
import { createStore, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga';
import rootReducer from './reducers';
import { watchFetchData } from './apiSaga.saga';

const sagaMiddleware = createSagaMiddleware();
const store = createStore(rootReducer, applyMiddleware(sagaMiddleware));

sagaMiddleware.run(watchFetchData);

// 5. 启动 Saga
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import App from './App';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);