将React组件渲染到Fancybox

Question

我有一个react组件，想把它渲染成纯HTML，把模板扔进fancybox。

不幸的是，除了将组件呈现为html sting并将其提供给fancybox之外，我不知道如何做到这一点。

问题是我没有DOM元素，之前可以使用它来渲染组件。

之前有没有人这样做过？

当我打电话

ReactDOM.renderToString（）告诉我Target容器不是DOM元素。

Answer 1

你在做什么吗？

import ReactDOMServer from 'react-dom/server';

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

我在这里有一个有效的例子： http://www.webpackbin.com/4JVJDJA8W

它呈现字符串，然后在页面上将结果设置为innerText。