美文网首页我爱编程程序员
React-innerHTML-JsonFormat-Conte

React-innerHTML-JsonFormat-Conte

作者: zhyuzh3d | 来源:发表于2018-07-02 18:45 被阅读2次

在React内如何正常显示格式化的json对象?

  • 首先安装json-pretty-html,他能将json对象格式化成漂亮的html标签代码
  • 然后使用react的自带dangerouslySetInnerHTML属性加入代码

主要代码:

import Json2Html from 'json-pretty-html'
...
    render(){
    ...
        let dataDom = h('p', {
            className: css.note,
            dangerouslySetInnerHTML: {
                __html: Json2Html(that.state.xobj)
            }
        })
...

注意__html一定要嵌套才行


致力于让一切变得简单

如果您发现文章错误,请不吝留言指正;
如果您觉得有用,请点喜欢;
如果您觉得很有用,欢迎转载~


END

相关文章

网友评论

    本文标题:React-innerHTML-JsonFormat-Conte

    本文链接:https://www.haomeiwen.com/subject/ukoluftx.html