當react渲染一個組件時，它是否總是在非虛擬DOM上渲染？

Question

假設我在組件的render方法中有一個console.log：

class MyComp extends React{
    render(){
      console.log('rendering')
      return <div>Hello</div>
    }
}

每當此組件呈現時，我都會在控制台中看到它。 這是否總是意味着虛擬Dom正在重新渲染？

換句話說，記錄render方法是了解非虛擬DOM是否正在重新渲染的好方法嗎？

Answer 1

每當此組件呈現時，我都會在控制台中看到它。 這是否總是意味着虛擬Dom正在重新渲染？

是的，您是對的，Virtual Dom正在重新渲染。

換句話說，記錄render方法是了解非虛擬DOM是否正在重新渲染的好方法嗎？

將控制台放入呈現方法是了解組件何時更新的好又簡單的方法。

---

如我所知，有3種情況下React組件正在重新渲染

1. 新道具
2. 新狀態
3. component.forceUpdate（）方法（從未使用過）

您可以在這里閱讀更多內容。