美文网首页我爱编程程序员
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