Почему обычно React не рендерят прямо в body?

Question

[Isa000]

Ну просто не указать document.body

Ладно, меняю вопрос Почему не делаем)?

Comments

[Владислав Лысков]

Почему не делаем)?

почему не делаете?

Answer 1

[Сауырбай Имангали]

Вроде как innerHTML у рута очищается. А это крайне не желательно делать в body. Там могут быть что то, помимо реакта. Скрипты, Метрики, контейнеры для модалок. В общем, лучше использовать отдельный контейнер, нежели чем после пытаться фиксить неожиданные баги).

И кстати, можно использовать не только div.main/root. Можно и кастомный html элемент юзать.
<react-root></react-root> как пример.

Answer 2

[Михаил Р.]

Почему мы не можем в React рендерить прямо в body?

Не знаю, почему Вы не можете. createRoot().

Comments

[Isa000]

Имел ввиду почему обычно не делается прямо в боди)

[Михаил Р.]

Isa000,

Имел ввиду почему обычно не делается прямо в боди)

1. Если у Вас классическое SPA/SSR приложение, то смысла в этом нет, т.к. там все самостоятельно монтируется.
2 Если у Вас интеграция в уже существующий проект (например, wordpress), то как раз "обычно" так и делается (createRoot()).

Answer 3

[Алексей Черемисин]

Почему же не можем, можем! Вопрос, зачем?