React監聽窗口變化事件


功能說明:本例子采用MUI table組件 + React實現。

需求描述:固定表頭,列表高度隨瀏覽器窗口的改變而改變。(本例中當窗口高度小於472像素后,便不作限制)

實現簡介:1.監聽瀏覽器窗口,每當窗口大小發生改變,給列表高度重新復制;

              2. 列表高度通過state來管理。

關鍵代碼:

窗口監聽事件管理:

 

列表高度處理函數:

 

組件里的設置:

 

效果圖(關鍵項塗了馬賽克...)

窗口高於472px:

窗口高度低於472px(列表邊上的滾動條不見了,取而代之的瀏覽器窗口的滾動條,木有截下來

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM