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

>带孩子和

>渲染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]

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

  1. angular 字符串转换成数字_Python基础语法大全:字符串的处理与使用

    本文来自牛鹭学院学员:邓瑞杰 字母处理 string.capitalize() 返回元字符串,且将字符串第一个字母转为大写,其它字母小写 string.title() 返回元字符串,且将字符串第一个字 ...

  2. scala 字符串转换数组_如何在Scala中将十六进制字符串转换为字节数组?

    scala 字符串转换数组 Hex String in Scala denotes value in hexadecimal number system i.e. base 16 number sys ...

  3. angular 字符串转换成数字_Python成为专业人士笔记–String字符串方法

    "专业人士笔记"系列目录: 创帆云:Python成为专业人士笔记--强烈建议收藏!每日持续更新!​zhuanlan.zhihu.com 更改字符串的大小写 Python的字符串类型 ...

  4. python怎么把列表转换成字符串_如何将字节列表(unicode)转换为Python字符串?

    将字节序列转换为Unicode字符串是通过在该str(在Python 2.x中)或字节(Python 3.x)对象上调用decode()方法来完成的. 如果你实际上有一个字节列表,那么,为了获得这个对 ...

  5. mvc后台字符串转换html,c# – 从MVC Controller返回一个字符串到jQuery

    在ASP.NET MVC控制器中,操作不返回字符串.他们返回ActionResults. 因此,首先要修复你的行动(请阅读下面的内容,了解为什么我将修正用斜体,这是因为这只是第一阶段): public ...

  6. 算法题:输入一个表示整数的字符串,把该字符串转换成整数并输出。例如输入字符串“12345”,则输出整数“12345”

    今天这道算法题比较简单,主要考察的思考问题的全面性.这个需要考虑的几种情况. 如果输入的整数字符串是个负数,怎么处理? 如果输入的第一个字符是0,则怎么处理? 如果输入的是非0~9之间的字符怎么处理? ...

  7. java字符串转换小数_java怎么将带小数的字符串 转换可以计算的数值类型

    展开全部 String str="4444.1122"; double num; java.text.DecimalFormat myformat=new java.text.De ...

  8. php 长短字符串转换,php将长数字串变成短字符串

    php将长数字串变成短字符串的方法,可用于id转化等. $str="0abcdefghijklmnopqrstuvwxyz123456789ABCDEFGHIJKLMNOPQRSTUVWXY ...

  9. 3dmax脚本将字符串转换成整型,去掉结尾多余的字符串

    function parsetInt str = (((DotnetClass "System.Text.RegularExpressions.Regex").replace st ...

最新文章

  1. 银河1号是超级计算机吗,强国挑战答题答案:银河1号是我国第一台超级计算机,银河1号于____年研制完成。...
  2. 量子位「MEET 2022智能未来大会」启动,邀你一起见证AI价值
  3. java服务器http post_使用Java程序通过http post访问ABAP Netweaver服务器
  4. 节点服务器虚拟网络,虚拟网络功能节点放置研究
  5. 解决ansible报错“msg“: “Failed to import docker-py - cannot import name __version__.
  6. 利用JPEG制作更快,更准确的神经网络
  7. win7优化设置_win7蓝牙怎么打开?
  8. mysql5.6.33安装教程_Linux下mysql5.6.33安装配置教程
  9. WeScale 技术篇 —— mpvue 与微信小程序的火花
  10. 帧内16*16模式的宏块数据传输顺序
  11. 机器学习:从入门到晋级
  12. 谈谈如何构建技术部门的知识库
  13. String 将GBK转UTF-8
  14. FRR BGP协议分析11 -- ZEBRA初始化
  15. Android 如何获取系统签名 并使用系统签名
  16. 表贴电阻尺寸与什么有关_贴片电阻简介:功率大小与尺寸对应表
  17. springboot整合jpa之Specification
  18. 斗鱼实名认证 mysql_斗鱼怎么进行实名认证_斗鱼实名认证方法教程-游戏窝
  19. 离获得支付牌照还有多远?今日头条申请“字节支付”商标
  20. ArcGIS(ESRI)的发展历史和版本历史(简介)

热门文章

  1. NGUI EventDelagate事件委托
  2. 网络传输之TCP/IP协议族
  3. 为什么我从 Git Flow 开发模式切换到了 Trunk Based 开发模式?
  4. 删除目录软链接注意事项
  5. Tomcat 报 The valid characters are defined in RFC 7230 and RFC 3986
  6. 使用Docker镜像和仓库
  7. Xamarin开发IOS笔记:切换输入法时输入框被遮住
  8. 食品安全--牛奶和蛋白质浅谈
  9. 推箱子2-向右推!_保持冷静,砍箱子-银行
  10. 回溯算法和递归算法_回溯算法:递归和搜索示例说明