我正在使用以下架構(gòu)的React應(yīng)用程序:reduxtypesafe-actionsredux-observable我的問題是:如何在特定的redux操作上執(zhí)行UI操作?例如,假設(shè)我們定義了以下異步操作typesafe-actions:export const listTodo = createAsyncAction( 'TODO:LIST:REQUEST', 'TODO:LIST:SUCCESS', 'TODO:LIST:FAILURE',)<void, Todo[], Error>();Epic將監(jiān)視listTodo.request()并發(fā)送API調(diào)用,然后將響應(yīng)轉(zhuǎn)換為listTodo.success()操作。然后,redux reducer將通過listTodo.success()動作觸發(fā),并將待辦事項列表存儲到redux存儲中。在此設(shè)置下,假設(shè)我要在組件中執(zhí)行以下操作:調(diào)度一個listTodo.request()動作以檢索所有動作異步請求完成后(即在listTodo.success()操作出現(xiàn)在操作流中之后),將UI重定向到第二條路徑所以我的問題是,我如何看待動作流并對動作做出反應(yīng)listTodo.success()?更新:為避免過于具體,我們可以考慮另一種情況。我只想顯示一個警報,window.alert()之后listTodo.success()在動作流中出現(xiàn)?;蚝唵蔚豤onsole.log(),或更改局部狀態(tài)(而不是全局redux狀態(tài))的任何內(nèi)容。有辦法實現(xiàn)嗎?
如何在組件中收聽Redux動作流
回首憶惘然
2021-03-29 16:13:53