将 React 组件渲染到 Fancybox
Render React Component to Fancybox
我有一个 React 组件，想将其渲染成纯文本 HTML 以将模板放入花哨的盒子中。
不幸的是，除了将组件渲染到 html sting 并将其提供给 fancybox 之外，我不知道该怎么做。
问题是我没有 DOM 元素可以用来渲染组件。
以前有人这样做过吗？
当我打电话时
ReactDOM.renderToString() 它告诉我目标容器不是 DOM 元素。
你在做类似的事情吗？
import ReactDOMServer from 'react-dom/server';
console.log(ReactDOMServer.renderToString(<div>foo</div>));
我这里有一个工作示例：
http://www.webpackbin.com/4JVJDJA8W
它呈现字符串，然后将结果设置为页面上的 innerText。
我有一个 React 组件，想将其渲染成纯文本 HTML 以将模板放入花哨的盒子中。
不幸的是，除了将组件渲染到 html sting 并将其提供给 fancybox 之外，我不知道该怎么做。
问题是我没有 DOM 元素可以用来渲染组件。
以前有人这样做过吗？
当我打电话时
ReactDOM.renderToString() 它告诉我目标容器不是 DOM 元素。
你在做类似的事情吗？
import ReactDOMServer from 'react-dom/server';
console.log(ReactDOMServer.renderToString(<div>foo</div>));
我这里有一个工作示例： http://www.webpackbin.com/4JVJDJA8W
它呈现字符串，然后将结果设置为页面上的 innerText。