JSXをJSONまたはStringに変換してからもう一度

Question

Reactコンポーネントの状態をデータベースに保存します。私はJSON.parseで再びコンポーネントを使用しようとすると、

Json.stringify(myComponent); 

はしかし、私はそれは、JSON配列である

Error: Objects are not valid as a React child (found: object with keys {type, key, ref, props, _owner, _store}) 

を取得します。私はこれがJSXキーによって引き起こされることを読んでいます。

JSXを文字列またはオブジェクトとして保存してからReactコンポーネントとして再度レンダリングできるパッケージはありますか？

Answer 1

私は、反応成分の表現をデータベースに保存してそれを元に戻したい場所で遊んでいました。少しの研究の後、コンポーネントをJSON BLOBとして保存してUIに戻す方法を見つけました。

Ckeckです。 https://gist.github.com/praveensastry/132eacff4a684a48e73cae21f2451078

Answer 2

お返事ありがとうございます。

私はこれをhtml文字列に変換して、それをhtml-reactパッケージで元に戻すことで解決しました。

ReactDOMServer.renderToStaticMarkup(entry); 
//save to database as a html string. 

これを使用して、html文字列を反応させます。 https://github.com/mikenikles/html-to-react