Employing the Call Effect for API Requests

Example of using the Call effect to make an API request within a saga, demonstrating how generator functions can be used to handle asynchronous operations.
import { call, put } from 'redux-saga/effects';
import { fetchDataSuccess, fetchDataFailed } from './actions';
import { fetchDataApi } from './api';
Import necessary effects from redux-saga and action creators from the actions file, as well as the API fetch function.
function* fetchDataSaga(action) {
  try {
    const data = yield call(fetchDataApi, action.payload);
    yield put(fetchDataSuccess(data));
  } catch (error) {
    yield put(fetchDataFailed(error.message));
Define a generator function, fetchDataSaga, that attempts to fetch data using the fetchDataApi function. Upon success, it dispatches a success action with the data. On failure, it dispatches a failed action with the error message.
export default fetchDataSaga;
Exports the fetchDataSaga generator function for use in the saga middleware.