当前位置: 首页 > 科技观察

如何在React中操作DOM元素?_0

时间:2023-03-17 00:39:28 科技观察

【.com速译】在React中,对VirtualDOM进行更改,然后同步到ReactDOM的过程称为reconciliation。React确定哪些对象已更改的过程称为漂移。DOM操作过程React更新虚拟DOM。然后将先前状态的虚拟DOM与更新后的虚拟DOM进行比较,以确定对象发生了什么变化。这是通过差异算法完成的。更改的对象将在实际DOM上更新。Diff算法示例当根元素不同时://旧版本

//新更新React将删除树并重新重建整个树.当元素中的属性发生变化时://Old//New只会在属性中发现差异,并相应地进行更改。最后添加了一个新的子元素://old
  • Child1
  • Child2
//New
  • Child1
  • Child2
  • Child3
新元素将添加到列表的末尾。在列表的开头添加了一个新元素://Old
  • Child1
  • Child2
//New
  • Child3
  • Child1
  • Child2
当一个新元素添加到开头时,它会重新重建整个列表。【翻译稿件,合作网站转载请注明原译者和出处.com】