寻求兼容Node.js、支持扁平化解析单个XML标签的解析器

你可以基于fast-xml-parser（无浏览器依赖、纯JS实现的高性能XML解析库）封装出完全符合你要求的解析器，不需要依赖浏览器相关API，可直接在Node.js服务端运行，调用方式和你期望的完全一致。

首先安装依赖：

npm install fast-xml-parser react

以下是封装好的解析器完整代码：

const { XMLParser } = require('fast-xml-parser');
const React = require('react');

class XmlToReactParser {
  constructor(tagHandlers) {
    this.tagHandlers = tagHandlers;
    this.xmlParser = new XMLParser({
      ignoreAttributes: false,
      attributeNamePrefix: '',
      parseTagValue: true,
      trimValues: true
    });
  }

  convert(xmlStr) {
    const parsedXml = this.xmlParser.parse(xmlStr);
    const traverse = (node, tagName) => {
      // 匹配当前标签的处理函数
      const handler = this.tagHandlers[tagName];
      const attrs = node['@_'] || {};
      const children = [];
      
      // 遍历子节点
      for (const childKey in node) {
        if (childKey === '@_') continue;
        const childNode = node[childKey];
        if (Array.isArray(childNode)) {
          childNode.forEach(item => children.push(traverse(item, childKey)));
        } else if (typeof childNode === 'object') {
          children.push(traverse(childNode, childKey));
        } else {
          children.push(childNode);
        }
      }

      // 有自定义处理函数就用处理函数返回，否则返回默认React元素
      if (handler) {
        return handler(attrs, children);
      }
      return React.createElement(tagName, attrs, children.length > 1 ? children : children[0]);
    };

    const rootKey = Object.keys(parsedXml)[0];
    return traverse(parsedXml[rootKey], rootKey);
  }
}

module.exports = XmlToReactParser;

使用方式和你期望的完全匹配：

const XmlToReactParser = require('./your-file-path');

const xmlToReact = new XmlToReactParser({
  Example: (attrs) => {console.log("get all necessary info")},
  Item: (attrs) => {console.log("get all necessary info")}
});

const reactTree = xmlToReact.convert(`
  <Example name="simple">
    <Item i="1">one</Item>
    <Item>two</Item>
    <Item>three</Item>
  </Example>
`);

特性说明 #

• 完全支持扁平化标签匹配，每个标签对应单独的处理函数
• 纯JS实现无浏览器依赖，可直接在Node.js服务端运行
• 支持自定义属性解析规则、子节点处理逻辑，可按需扩展

内容的提问来源于stack exchange，提问作者SaidAkh