在响应中动态更改根元素有多糟糕

Question

我和一群初级开发人员一起工作，他们是新来的。我有一些经验，但没有专家。他们使用反应路由器，但是为了更改屏幕，他们直接更改了根元素。该应用程序的文件夹结构最糟糕，看起来很恐怖。我只想解释一下，如果发布用于生产的相同应用程序，这会对性能产生多大的影响。

我正在尝试实施最佳实践，但是我仍然需要时间，并且我们在几天之内就难以交付。

最初的根元素

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

单击“编辑”按钮时

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

只想了解这种做法有多糟糕，对启动此应用程序进行生产将产生什么主要影响

Answer 1

虽然这是一种可怕的做法，但我认为它可能不会对性能产生很大的影响。

这在性能上不应该太糟糕，因为那样的话，录音机就必须替换整个主机树，而不必尝试遍历和比较每个节点。