如何使用redux處理連續或快速重複的操作

Question

我想推斷在Redux中處理連續快速重複操作的最佳方法。例如，我有一系列代表RGB值的滑塊，我的狀態組件是Color，它是通過這些滑塊的動作設置的。

如果我爲每次更改都觸發一個新操作，用戶可能會在滑塊上來回飛來飛去，那麼滑塊可能會出現口吃。例如，用戶可能正在操縱Red滑塊。一個動作可以以0.5的值被分派，並且用戶保持非常快速地滑動到1.0。到狀態更新恢復時，用戶處於1.0，但狀態更新爲0.5，緊接着是1.0事件。

結果將是一個滑塊旋鈕，然後向前跳躍。爲了這個問題，我們假設情況就是這樣。

無論如何，我很好奇如何防止這樣的事情。我的第一本能是去除Action，並讓視圖相應地更新它的表示。然後當防抖動作最終觸發時，這意味着用戶已經停止，所以當Color的新值從狀態進入時它們將是平等的，並且看起來沒有任何變化。

這是處理這樣的事情的正確方法還是我錯過了什麼？

Answer 1

是的，通過組件狀態在本地處理更新以及解除Redux動作的分派是絕對可行的策略。實際上，我在我的博文Practical Redux, Part 7: Form Change Handling, Data Editing, and Feature Reducers中討論過這個問題，我展示了一個可重用的通用表單輸入緩衝組件，可以爲您處理。