使用Redux 時,處理非同步事件(例如在指定延遲後分派操作)對於顯示通知、計時器非常有用,以及其他時間敏感的功能。
最簡單的方法是使用內建的 JavaScript 函數 setTimeout 和回呼函數。
Redux Thunk 中間件可讓您可以排程依序傳回其他操作的函數。這可以實現非同步操作並更好地控制副作用。
使用 npm 安裝中間件:
在 Redux 儲存配置中:
定義一個thunk接受調度函數作為參數的動作創建者:
調度thunk:
Thunk 操作創建者可以使用Redux Thunk 提供的getState 函數存取儲存的目前狀態。這允許根據狀態有條件地執行操作:
在 Redux 中調度超時的操作可以使用 setTimeout 和回調函數或利用 Redux Thunk 來實現中間件。 Thunk 提供了對非同步操作的更多控制,並允許基於狀態的條件執行。對於複雜的非同步場景,請考慮使用更高級的解決方案,例如 Redux Saga 或 Redux Loop。
以上是如何在超時後調度 Redux Action?的詳細內容。更多資訊請關注PHP中文網其他相關文章!