Порядок управления вызовами ajax с помощью redux-saga

Question

У меня есть взаимодействие с флажком, который должен запускать HTTP-запрос каждый раз при щелчке по галочке.

Я хотел бы, чтобы каждый вызов запускался после завершения предыдущего вызова.

Мое ощущение, что сакт редукссов был бы идеальным для этого, но я не понимаю, как моделировать это взаимодействие.

Если я использую call, ничего запрос, пришедший в не будет игнорироваться, пока

Если я использую fork, звонки будут все идут в то же самое время. Мне непонятно, если/как дождаться завершения задачи. Будет ли yield task сделать это?

Я вижу, что каналы могут «буферизовать» запросы, но мне непонятно, как использовать каналы таким образом.

Answer 1

Используйте takeLatest помощник.

function* runRequest(action) { 
    const status = action.payload; 
    yield call(api, status ? 'on' : 'off'); 
} 

function* rootSaga() { 
    yield* takeLatest(CHECKBOX_CHANGED, runRequest); 
} 

takeLatest помощник полезно, если вы хотите, чтобы начать запрос HTTP через определенное действие отправляется и предыдущий запрос отменяется до того, как новый один начал.

Вот официальная документация: http://yelouafi.github.io/redux-saga/docs/basics/UsingSagaHelpers.html