我正在尝试构建一个组件,
>带孩子和
>渲染DOM中的子项,以及
>出于文档的目的,在pre中显示子DOM
一种解决方案是将JSX作为单独的prop传递.这使得它重复,因为我已经能够通过this.props.children访问它.理想情况下,我只需要以某种方式将子prop转换为字符串,以便我可以在pre中呈现它以显示“此代码生成此结果”.
这就是我到目前为止所拥有的
class DocumentationSection extends React.Component{ render(){ return <div className="section"> <h1 className="section__title">{heading || ""}</h1> <div className="section__body"> {this.props.children}</div> <pre className="section__src"> //Change this to produce a JSX string from the elements {this.props.children} </pre> </div>; } }
如何以’< Div className ='myDiv'> …< / Div>格式获取jsx字符串?当我将DocumentationSection渲染为
<DocumentationSection heading='heading 1'> <Div className='myDiv'>...</Div> </DocumentationSection>
谢谢.
编辑:
我试过toString,它dint work,给了[object Object]
解决方法
原文地址:https://www.jb51.cc/js/159431.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。