html字符串转换jsx,javascript – 将React.element转换为JSX字符串

我正在尝试构建一个组件,

>带孩子和

>渲染DOM中的子项,以及

>出于文档的目的,在pre中显示子DOM

一种解决方案是将JSX作为单独的prop传递.这使得它重复,因为我已经能够通过this.props.children访问它.理想情况下,我只需要以某种方式将子prop转换为字符串,以便我可以在pre中呈现它以显示“此代码生成此结果”.

这就是我到目前为止所拥有的

class DocumentationSection extends React.Component{

render(){

return

{heading || ""}

{this.props.children}

//Change this to produce a JSX string from the elements

{this.props.children}

;

}

}

如何以’< Div className ='myDiv'> …< / Div>格式获取jsx字符串？当我将DocumentationSection渲染为

...

谢谢.

编辑：

我试过toString,它dint work,给了[object Object]