React 是否總是在狀態變更時重新渲染元件？

ReactJS - React 在狀態變更時重新渲染所有元件

React 是否總是在呼叫 setState 時重新渲染元件？

是的，預設是這樣。

React 使用了每個元件中的 shouldComponentUpdate 方法，負責確定當其狀態或 props 變更時是否應該重新渲染。但是該方法預設實作總是傳回true，導致每次都會重新渲染。

為什麼React在狀態不變的情況下還是會重新渲染？

重新渲染過程由兩個階段組成：

1. 虛擬DOM渲染： 在渲染呼叫時，React 建立一個新的虛擬DOM 結構。請注意，每當呼叫 setState() 時都會發生這種情況，無論狀態的實際變更為何。
2. 原生 DOM 渲染： React 僅在必要時根據虛擬 DOM 變更更新實際 DOM。這就是 React 的優化功能發揮作用的地方，最大限度地減少 DOM 突變。

在提供的範例中，儘管狀態未更改，但 Main 和 TimeInChild 元件在點擊按鈕時都會重新渲染，因為預設實作shouldComponentUpdate 傳回 true。為了防止這種情況，您可以重寫 shouldComponentUpdate 來執行狀態或道具比較，並在沒有有意義的變更時傳回 false。

以上是React 是否總是在狀態變更時重新渲染元件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！