Я бы хотел отобразить всю страницу с тегами и т. Д. В React, так как там довольно много логики. Однако React автоматически добавляет атрибут data-reactroot
в верхний элемент (<html data-reactroot="">
)
Например, RootPage
компонент будет содержать:
<html>
<body>
<div id="react-root">
.....
Этот компонент будет отображаться только на стороне сервера, а на стороне клиента я бы хотел использовать только с <div id="react-root">
.
Я мог бы использовать renderToStaticMarkup
и добавить тег data-reactroot
вручную, однако это кажется хакерским, и если в будущих версиях React добавит больше таких атрибутов, это немедленно нарушит регидратацию.