如何在React中操作DOM元素?

【.com快译】在React中,中操作对Virtual DOM进行更改,元素然后同步到React DOM的中操作过程叫和解。React判断出哪些对象发生了变化的元素这个过程为漂移。

DOM操作过程

React更新虚拟DOM。中操作然后将前一个状态的元素虚拟DOM与更新后的虚拟DOM进行比较,云服务器以识别对象中发生了哪些更改。中操作这是元素用差分算法完成的。更改后的中操作对象将在实际DOM上得到更新。

差异算法示例

当根元素不同时:

// Old version

// New update

<span><Tree/></span>

React将删除该树,元素然后再次重建整个树。中操作

当元素中的高防服务器元素属性更改时:

// Old

//New

<span id="span2" />

只有差异会在属性中找到,并会相应地进行更改。中操作

最后添加了新的元素子元素:

// old

  • Child1
  • Child2
  • //New

  • Child1
  • Child2
  • Child3
  • </ul>

    新元素将添加到列表的末尾。

    在列表的中操作开头添加了新元素

    // Old

  • Child1
  • Child2
  • //New

  • Child3
  • Child1
  • Child2
  • </ul>

    将新元素添加到开头时,它将再次重建整个列表。

    【译稿,云南idc服务商合作站点转载请注明原文译者和出处为.com】

    应用开发
    上一篇:2、根据用户基础选择访问提供程序。由于互联问题的存在,接入商的选择也非常重要,如果用户群主要在联通,尽量选择联通接入较好的接入商,如果用户群主要在电信,那么选择电信接入较好的接入商。如果用户组位于国家/地区,则选择更好的访问提供程序进行交互。
    下一篇:记住那句话,域名向来不属于任何人,谁先买就归谁,购买期过后,域名又不再属于任何人。