我有一个react应用程序,它根据某些配置生成
HTML输出.像这样:
export const getHtml = (config) => { const {classes,children} = config return (<div className={classes.join(' ')}>{children}</div>); }
在react应用程序内部,我可以轻松地显示生成的DOM对象,但我想将HTML代码保存到DB,将其显示在不同的页面上(无需再次加载反应/解析配置)
我找不到将JSX对象转换为纯HTML的方法……
解决方法
使用
renderToStaticMarkup方法 – 它生成HTML字符串,我们可以快速传输到线路:
const htmlString = ReactDOMServer.renderToStaticMarkup( <div ... );