Экспорт приложения React в виде статического HTML
Я создал новое приложение React. В нынешнем виде это просто шаблон из Visual Studio; Новый проект -> Asp.Net Core -> React.
Когда приложение запускается, на экране отображается элемент динамического содержимого. Что я хочу сделать, так это получить какой-то HTML-дамп этой страницы, чтобы я мог вставить его в статическое веб-приложение и отобразить тот же экран.
Я осмотрелся и нашел несколько инструментов, таких как моментальный снимок реакции, которые, кажется, делают то, что я хочу; однако кажется, что вы либо внутри, либо вне; то есть он либо динамически визуализируется, либо статически визуализируется. Я просто хочу статический дамп HTML и хотел бы оставить рендеринг как есть.
Например, внутри моего Javascript у меня есть следующий код:
const htmlSection = document.getElementById("MyHtml");
// Export Html Here
Возможно ли такое, и если да, то как это можно реализовать в коде?
Извините, я не правильно сформулировал свой вопрос - я обновил его сейчас. Да: сохранение источника страницы работает нормально и создает HTML-страницу. Я хочу иметь возможность сделать это из самого приложения React.
Функциональность печати зависит от браузера. Скорее всего, вам потребуется создать новый документ, используя источник текущего документа (например, document.querySelector('html').innerHTML) и автоматически вызывая window.print() при создании этой страницы.
Ответы 1
Вы можете использовать модуль fs для чтения вашего индексного файла примерно так:
fs.readFileSync(path[, options])
Браузеры должны быть в состоянии предоставить вам источник текущего состояния страницы. Вы пытались сохранить страницу в формате HTML или скопировать/вставить код из инструментов разработчика?