使用react redux,如何在asych update调用后端之前实现即时UI,然后在更新失败时回滚?

使用react redux,如何在asych update调用后端之前实现即时UI,然后在更新失败时回滚?,redux,react-redux,redux-thunk,redux-saga,Redux,React Redux,Redux Thunk,Redux Saga,使用react redux,如何在asych update调用后端之前实现即时UI,然后在更新失败时回滚?(目前正在使用redux thunk,但如果这能解决问题,可以考虑使用其他框架,如redux saga) 因此,不是: REQUEST UPDATE (no UI change) ==async==> => RECEIVED UPDATE CONFIRMATION (update State & hence UI with change) OR => ERR

使用react redux,如何在asych update调用后端之前实现即时UI,然后在更新失败时回滚?(目前正在使用redux thunk,但如果这能解决问题,可以考虑使用其他框架,如redux saga)

因此,不是:

REQUEST UPDATE (no UI change) ==async==> 
 => RECEIVED UPDATE CONFIRMATION (update State & hence UI with change) OR 
 => ERROR 
支持这样实施:

REQUEST UPDATE (update State, so UI changes) ==async==> 
 => RECEIVED UPDATE CONFIRMATION (no need for anything) OR 
 => ERROR so 'rollback' state update

所以问题是react-redux或redux-thunk是否有助于支持跟踪状态已更改但可能必须回滚的项目的概念?尝试立即提供成功拖放的反馈,该拖放触发了对后端的更新。

其名称为:乐观UI更新。也许这个包可以帮助您在reducer中添加一个成功键,然后使用它对api调用成功做出反应。我不知道怎么用thunks做。刚刚sagas@H埃克斯特-谢谢你的邀请pointer@victor.ja-需要将以前的值存储为另一个状态项,如果需要,我猜返回到此状态项,该状态项有一个名称:乐观UI更新。也许这个包可以帮助您在reducer中添加一个成功键,然后使用它对api调用成功做出反应。我不知道怎么用thunks做。刚刚sagas@H埃克斯特-谢谢你的邀请pointer@victor.ja-需要将以前的值存储为另一个状态项,如果需要,我想返回到此状态