React/Redux - dispatch store on window.resize

我在響應式網站（React/Redux）上工作，一旦達到指定的斷點，它就會呈現頁面。每次瀏覽器調用resize事件時，我都會更新商店。React/Redux - dispatch store on window.resize

window.addEventListener('resize',() => { 
    store.dispatch(screenResize(...)); 
});

有沒有人知道調度的性能影響，如果它每秒調用幾次。

2017-04-20 Benny

是否有一個原因，你沒有在CSS中使用媒體查詢來做這件事？對於這類問題，這通常是一個更簡單的解決方案。 – steel

我最常用的媒體查詢元素。但是如果達到另一個斷點，一些元素必須改變它們的邏輯。 – Benny

由於大概只有在頁面實際調整大小時纔會調用，所以這可能不會太成問題。這就是說，作爲一般觀察，你可能想要考慮調節調度。

此外，還有一些現有的庫來幫助跟蹤Redux中的窗口大小。請參閱我的Redux addons catalog的Use Cases#Page Interaction部分。

2017-04-20 18:05:41 markerikson

這就是我的想法。但我無法調節調度，因爲我必須立即對變化做出反應。這就是爲什麼我每次調用事件時都會調用dispatch – Benny

回答