В React нельзя рендерить содержимое прямо в тег `<body>`, потому что React создает виртуальное дерево компонентов, которое потом сравнивается с реальным деревом DOM для определения изменений и обновления только необходимых элементов. Рендеринг в тег `<body>` привело бы к прямому изменению DOM, что нарушило бы эту концепцию.
Вместо этого, в React есть специальный контейнер, обычно называемый "корневым элементом приложения" (root element), в котором происходит рендеринг всех компонентов. Этот контейнер обычно создается с помощью метода `ReactDOM.render()` и указывается при его вызове.
Пример создания корневого элемента и рендеринга компонентов в него:
```javascript
import React from 'react';
import ReactDOM from 'react-dom';
// Создаем корневой элемент
const rootElement = document.createElement('div');
document.body.appendChild(rootElement);
// Рендерим компоненты в корневой элемент
ReactDOM.render(<App />, rootElement);
```
Чтобы задать документ без явного указания `document.body`, можно использовать другие методы из библиотеки React, такие как `ReactDOM.createPortal()`, которые позволяют интегрировать компоненты в произвольное место в DOM.