我正在尝试构建一个组件,
>带孩子和
>渲染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]