Фон
Я создаю приложение React как часть портфельного проекта. Поскольку это портфельный проект, параметры вокруг него могут быть странными или нереальными c, что может быть верным ответом на эти вопросы. Для этого приложения React мне нужно создать приложение, которое не было предварительно обработано или отображено на стороне сервера, и будет взаимодействовать с уже существующим DOM.
Я также использую Laravel шаблоны блейдов для генерации указанных DOM.s
Что я пробовал
Монтирование на уже существующий DOM
Я пытался присоединить экземпляр React к существующему DOM, не перезаписывая его. Это не сработало. Согласно этой ссылке , эта функциональность не поддерживалась в 2016 году. Мне не удалось найти ничего, что говорит о том, что она поддерживается сейчас.
Использование DOM в качестве опоры
Вероятно, это была ошибка ладьи ie, но я не думаю, что root компоненты принимают реквизиты, и у меня нет Не удалось найти ничего, что говорило бы иначе.
Использование лезвия для запуска шаблона запуска
Используя шаблоны лезвия, я сохранил страницу как переменные, отобразил страницу , а затем снова попытался отобразить страницу в функции рендеринга React. Таким образом, я рендерил страницу дважды, один раз как html / css и снова как функцию рендеринга React. Это не сработало, потому что я не хотел ставить babel на фронтэнд.
Last Resort
Что я могу сделать, но на самом деле не хочу делать, это сделать React компоненты мне нужны в индивидуальном порядке. Я бы рендерил каждый компонент как отдельные корни React. Я не хочу отображать дюжину или около того компонентов таким образом.
Вопрос
Как использовать уже обработанный DOM в моем React root?
Я понимаю, что есть несколько вопросов, похожих на этот Переполнение стека. Никто из них не ответил на мой вопрос. Если вы отметите это как дубликат, объясните, почему.