Насколько плохо динамически менять корневой элемент в реакции?

Question

Я работаю с группой младших разработчиков, они новички, чтобы реагировать.У меня есть некоторый опыт, но не эксперт.Они используют реагирующий маршрутизатор, но для смены экранов они напрямую меняют корневой элемент.Приложение имеет худшую структуру папок и выглядит ужасно.Я просто хочу объяснить, как плохо это повлияет на производительность, если одно и то же приложение будет выпущено для производства.

Я пытаюсь внедрить лучшие практики, но мне все еще нужно время, и мы в затруднительном положении, чтобы доставить внесколько дней.

Первоначально корневой элемент

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

Когда нажата кнопка «Правка»

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

Просто хочу понять, насколько плоха эта практика и что будет иметь большое влияние, когдаэто приложение запущено для производства

Answer 1

Я думаю, что это, вероятно, не сильно повлияет на производительность, хотя это ужасная практика.

Это не должно быть так ужасно с точки зрения производительности, потому что таким образом, средство повторной проверки должно заменить все дерево хостов бездаже попробуйте пройти и сравнить каждый узел.