React на стороне сервера со встроенными скриптами
Как мне указать гидрату React, чтобы он пропускал синтаксический анализ серверного узла dom?
У меня есть блог, где содержание статьи управляется с помощью Wordpress и передается в изоморфное приложение React через REST API.
На стороне сервера приложение React использует html-act-parser для преобразования этого html в React. Я могу вставлять разрывы разделов и т.д., используя типичные методы React. HTML, который он выводит, это именно то, что я хотел бы, включая встроенные скрипты, которые работают.
Проблема в том, что React работает и на стороне клиента. Hydrate () реакции-dom может запутаться, когда он видит контент, который был изменен встроенными сценариями. Компонент, отвечающий за это, имеет свойство mustComponentUpdate, которое возвращает значение false, но к этому моменту уже слишком поздно.
Я не хочу, чтобы код на стороне клиента беспокоился о содержимом этого компонента, но я все же хочу, чтобы его генерировал на стороне сервера. Делает ли suppressHydrationWarning что-нибудь полезное, кроме подавления предупреждения? Есть ли какой-нибудь способ опасно использовать SetInnerHTML здесь? Есть ли лучшее решение?
Благодарю.