多么糟糕的是它动态地改变根元素在反应

Question

我有一群少年开发的，他们是新反应的工作。我有一些经验，但不是专家。他们使用的路由器的反应，但对画面切换它们直接更改根元素。该应用程序有最坏的文件夹结构，看起来可怕。我只是想解释一下这是多么糟糕这会不会影响性能，如果同一应用程序发布用于生产。

我想实现的最佳实践，但我还需要时间，我们正处在一个危机在数日内交付。

根元素开始

ReactDOM.render(<Login/>, document.getElementById("root"));

当编辑按钮被点击

function handleEditButton(row){
  ReactDOM.render(<EditShelf shelf={row}/>, document.getElementById("root"));
}

只是想了解是怎么坏的这种做法，什么将是此应用程序时推出的生产产生重大影响

Answer 1

我认为它可能不会影响性能非常多，尽管它是一个可怕的做法。

它不应该是这么可怕的性能，明智的，因为这样的reconicler必须更换整个主机的树，甚至没有尝试遍历和比较各节点。