React 組件渲染兩次，不使用狀態鈎子的函數組件只渲染一次

Question

演示代碼的codesandbox url： https ://codesandbox.io/s/hungry-goldstine-gmvz4

類組件渲染兩次，沒有 Props 和 State； 不使用useState鈎子的函數組件useState渲染一次，而使用useState鈎子會渲染兩次。

是否為 get State 和 Props 值渲染了兩次？

類組件是有狀態組件，無論狀態是否已初始化？

誰能幫我理解這個問題？ 謝謝！！！

補充一張圖片：

Answer 1

正如評論@Sagar More， StricktMode導致的。

沒有StrickMode輸出

查看文檔

嚴格模式無法自動為您檢測副作用，但它可以通過使它們更具確定性來幫助您發現它們。 這是通過有意重復調用以下方法來完成的：

類組件構造方法

渲染方法

setState 更新器函數（第一個參數）

靜態 getDerivedStateFromProps 生命周期

shouldComponentUpdate 方法