反应:将组件转换为HTML和CSS字符串

时间:2018-12-05 11:54:23

标签: javascript html reactjs

我一直在React中使用Card UI生成器,当用户完成使用UI对其进行自定义后,我希望能够转换卡(这是React组件)并导出其背后的HTML和CSS 。有没有办法将组件转换为HTML字符串?

3 个答案:

答案 0 :(得分:0)

使用测试工具可以将组件渲染为字符串。也许适合您的用例? https://github.com/airbnb/enzyme

答案 1 :(得分:0)

如果您使用的是create-react-app,则可以使用npm run build创建可投入生产的内部版本。这样将为您创建HTML和CSS。

如果要渲染特定的组件,则可以考虑使用server-side rendering

答案 2 :(得分:0)

您可以使用ReactDOMServer

ReactDOMServer.renderToString(element)