javascript - 将 React 组件渲染到 Fancybox

Question

我有一个 React 组件，希望将其渲染为纯 HTML，以便将模板放入 fancybox 中。

不幸的是，我不知道如何做到这一点，除了将组件渲染为 html 字符串并将其提供给 fancybox。

问题是我之前没有可用于渲染组件的 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。