How to pass data (payload) to redux-saga?

Question

redux

Hello.
There is an example from documentation:

The code

export function* incrementAsync() {
  yield delay(1000)
  yield put({ type: 'INCREMENT' })
}
export function* watchIncrementAsync() {
  yield takeEvery('INCREMENT_ASYNC', incrementAsync)
}

how to transfer data? to intercept, we intercept and then initiate a synchronous action, but how to receive and send the "load"?

Answer 1

A simple query example:

export function* fetchPostBySlugSaga({ payload: { slug } }) {
  try {
    const data = yield call(Api.fetchPostBySlug, slug);
    yield put(fetchPostBySlugSucceeded(data));
  } catch (error) {
    yield put(fetchPostBySlugFailed(error));
  }
}

export default function* watchFetchPostBySlugSaga() {
  yield takeLatest(FETCH_POST_BY_SLUG, fetchPostBySlugSaga);
}

Actions:

export function fetchPostBySlug(slug) {
  return {
    type: FETCH_POST_BY_SLUG,
    payload: {
      slug,
    },
  };
}

export function fetchPostBySlugSucceeded(data) {
  return {
    type: FETCH_POST_BY_SLUG_SUCCEEDED,
    payload: {
      data,
    },
  };
}

export function fetchPostBySlugFailded(error) {
  return {
    type: FETCH_POST_BY_SLUG_FAILED,
    payload: {
      error,
    },
  };
}