Я пытаюсь сделать несколько изменений в хранилище, но не отрисовывать до тех пор, пока все изменения не будут выполнены. Я хотел сделать это с помощью decux-thunk.
Вот мой создатель действия:
function addProp(name, value) {
return { type:'ADD_PROP', name, value }
}
function multiGeoChanges(...changes) {
// my goal here is to make multiple changes to geo, and make sure that react doesnt update the render till the end
return async function(dispatch, getState) {
for (let change of changes) {
dispatch(change);
await promiseTimeout(2000);
}
}
}
Я отправляю своего создателя действия async следующим образом:
store.dispatch(multiGeoChanges(addProp(1, "val1"), addProp(2, "val2"), addProp(3, "val3")));
Однако это вызывает реакцию на рендеринг после каждого dispatch
. Я новичок в redux-thunk, я никогда не использовал асинхронное промежуточное ПО, но я думал, что это может помочь мне здесь.