将React组件渲染到Fancybox

时间:2016-07-12 13:54:42

标签: javascript jquery reactjs fancybox

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

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

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

之前有没有人这样做过?

当我打电话

ReactDOM.renderToString()告诉我Target容器不是DOM元素。

1 个答案:

答案 0 :(得分:1)

你在做什么吗?

import ReactDOMServer from 'react-dom/server';

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

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

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