React single pageのウェブサイトをHTML形式でエクスポートすることはできますか？

Question

私はReactとmaterialize-cssを使用した単一ページのWebアプリケーションを持っており、プロトタイプ作成の目的でHTMLを簡単に編集できるように静的なHTMLとCSSとしてエクスポートしたいと考えています。少なくとも現在の状態のスナップショットをエクスポートすることは可能ですか？

FirefoxとChromeで「ページを保存」しようとしましたが、良い結果が得られません。

Answer 1

おそらく理想的ではありませんが、ページ全体を変数として保存してダウンロードすることができます。ページが読み込まれた後、ブラウザのコンソールでこれを実行します。

var pageHTML = document.documentElement.outerHTML; 

var tempEl = document.createElement('a'); 

tempEl.href = 'data:attachment/text,' + encodeURI(pageHTML); 
tempEl.target = '_blank'; 
tempEl.download = 'thispage.html'; 
tempEl.click(); 

Answer 2

ReactDOMServerモジュールは、静的なHTMLに反応するアプリケーションをレンダリングするための機能が含まれています - それは、サーバー上で使用するために設計されていますが、私は何もないと思います

import ReactDOMServer from "react-dom/server"; 
import App from "./yourComponent"; 

document.body.innerHTML = ReactDOMServer.renderToStaticMarkup(App);