当 react 渲染一个组件时，它总是在非虚拟 DOM 上渲染

Question

假设我有一个控制台.log在组件的渲染方法中：

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

每当此组件呈现时，我都会在控制台中看到它。这是否总是意味着虚拟 Dom 正在重新渲染？

换句话说，记录渲染方法是否是了解非虚拟 DOM 是否正在重新渲染的好方法？

Answer 1

每当此组件呈现时，我都会在控制台中看到它。这样做吗 总是意味着虚拟 Dom 正在重新渲染？

是的，你是对的，虚拟 Dom 正在重新渲染。

换句话说，记录渲染方法是否是了解是否 非虚拟 DOM 正在重新渲染？

将控制台置于渲染方法是了解组件何时更新的好方法。

---

有

3 种情况(据我所知(反应组件重新渲染

1. 新道具
2. 新状态
3. component.forceUpdate(( 方法(从未使用过(

您可以在此处阅读更多内容。