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

带孩子和

渲染DOM中的子项,以及

pre出于文档的目的显示子DOM

一种解决方案是将JSX作为单独的一部分传递prop.这使得它重复,因为我已经能够通过它访问它this.props.children.理想情况下,我只需要以某种方式将childrenprop 转换为a,string以便我可以在a中呈现它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}
                    
                
;
         }  
}

'

当我将DocumentationSection渲染为时,如何以格式获取jsx字符串

    
...

谢谢.

编辑:

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

1> Henrik Ander..：

---

如果你想要一个React元素的HTML表示,你可以使用#renderToString或#renderToStaticMarkup.

React.renderToString(
p
);
React.renderToStaticMarkup(
p
);

会产生

p

和

p

分别.但是,您无法将父项本身呈现为字符串.如果您也需要父级,那么从您渲染父级的地方将其renderToString版本作为道具传递给自己.

---

自React 0.14.0起,不推荐使用`React.renderToString`,而是使用`ReactDomServer.renderToString`.