将数据从Saga中的fetch返回到Redux树

// Redux Action
const fetchData = () => ({
  type: 'FETCH_DATA',
});

const receiveData = (data) => ({
  type: 'RECEIVE_DATA',
  payload: data,
});

// Redux Saga
function* fetchDataSaga() {
  try {
    const response = yield call(fetch, 'https://api.example.com/data');
    const data = yield response.json();
    yield put(receiveData(data));
  } catch (error) {
    // Handle error
  }
}

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

// Redux Reducer
const initialState = {
  data: null,
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'RECEIVE_DATA':
      return {
        ...state,
        data: action.payload,
      };
    default:
      return state;
  }
};

// Redux Store
const sagaMiddleware = createSagaMiddleware();
const store = createStore(reducer, applyMiddleware(sagaMiddleware));
sagaMiddleware.run(watchFetchData);

// Dispatch Action
store.dispatch(fetchData());