react将一段xml格式的字符串格式化输出并有序的缩进

最新推荐文章于 2024-08-16 09:20:34 发布

ass_ace

最新推荐文章于 2024-08-16 09:20:34 发布

阅读量2.9k

点赞数 1

分类专栏： react 文章标签： xml格式字符串格式化输出正则表达式

本文链接：https://blog.csdn.net/baidu_39067385/article/details/90410709

版权

本文介绍如何在React项目中处理后端返回的XML格式字符串，通过正则表达式实现有序的缩进和排版，满足UI展示需求。

摘要由CSDN通过智能技术生成

react将一段xml格式的字符串格式化输出并有序的缩进

写react项目的时候接到一个需求，后端接口返回一段xml格式的字符串，但UI要求在字符串展示的时候闭合标签的排版要对应，子节点要有想应的缩进，我能想到的最方便的方法就是利用正则表达式了，在网上找到的一个例子，修改了一下，实现代码如下：

import React, {
    Component } from 'react';
import ReactDOM from 'react-dom';
class FormatXMML extends Component {
   
    constructor(props) {
   
        super(props);
        this.state = {
   
            msg: ''
        }
    }
    //计算头函数 用来缩进
    setPrefix(prefixIndex) {
   
            var result = '';
            var span = '    ';//缩进长度
            var output = [];
            for (var i = 0; i < prefixIndex; ++i) {
   
                output.push(span);
            }
            result = output.join('');
            return result;
    }
    //格式化xml代码
    formateXml(xmlStr) {
   
        let that=this;
        let text = xmlStr;
        //使用replace去空格
        text = '\n' &