如何在瀏覽器視窗大小調整時觸發 React 重新渲染？

如何在瀏覽器視窗大小調整時觸發React 重新渲染

上下文

在React 中，根據瀏覽器視窗等外部因素優化視圖更新調整大小至關重要，尤其是對於佈局而言。一種方法是利用瀏覽器的視窗大小調整事件。

React Hook 方法

現代 React 使用鉤子來優雅地處理此類場景。您可以建立一個監聽調整大小事件的自訂鉤子：

此鉤子可用於任何需要視窗大小資訊進行重新渲染的元件。

React 基於類別的元件方法

對於基於類別的元件，建議監聽componentDidMount中的resize事件。這確保了元件使用初始螢幕尺寸更新其狀態：

透過採用這些技術，您可以在調整瀏覽器視窗大小時輕鬆觸發React 重新渲染，從而確保最佳的佈局更新和回應行為供您申請。

以上是如何在瀏覽器視窗大小調整時觸發 React 重新渲染？的詳細內容。更多資訊請關注PHP中文網其他相關文章！