リアクタコンポーネントをファンシーボックスにレンダリングする

Question

リアクションコンポーネントがあり、それをプレーンHTMLにレンダリングして、テンプレートをファンシーボックスに投げたいと思っています。

不幸にも私はアイデアを持っていません。コンポーネントをHTMLスティッキングでレンダリングし、それをファンシーボックスに与える以外は、どのようにしても構いません。

問題は、コンポーネントをレンダリングする前にDOM要素がないことです。

誰も以前に行ったことがありますか？

私は

ReactDOM.renderToString（呼び出し）には、ターゲットコンテナがDOM要素ではないと言われます。

Answer 1

あなたは次のようなことをしていますか？

import ReactDOMServer from 'react-dom/server'; 

console.log(ReactDOMServer.renderToString(<div>foo</div>)); 

私はここで働く例があります。 http://www.webpackbin.com/4JVJDJA8W

それは文字列をレンダリングし、ページ上のinnerTextとして結果を設定します。