xml - 如何在 React Native ( JavaScript ) 中创建 XML 文档？

Question

在 React Native 中创建 XML 的解决方案是什么？

我的目标是创建 XML 内容并使用 react-native-fs 序列化到本地文件

为了读取 XML，我使用 DOMParser。

const DOMParser = require('xmldom').DOMParser;

在react native环境下写XML有什么用？

提前致谢

Answer 1

没关系...

xmldom中发现的DOMParser也可以创建XML

参见:xmldom

https://www.npmjs.com/package/xmldom

const DOMParser = require('xmldom').DOMParser;
const XMLSerializer = require('xmldom').XMLSerializer;

// Append a child element
function appendChild(xmlDoc, parentElement, name, text) {
  let childElement = xmlDoc.createElement(name);
  if (typeof text !== 'undefined') {
    let textNode = xmlDoc.createTextNode(text);
    childElement.appendChild(textNode);
  }
  parentElement.appendChild(childElement);
  return childElement;
}

export function exportToXmlDoc(myPlan) {

  // documentElement always represents the root node
  const xmlDoc = new DOMParser().parseFromString("<doc></doc>");
  const rootElement = xmlDoc.documentElement;
  const folderElement = appendChild(xmlDoc, rootElement, 'folder');
  appendChild(xmlDoc, folderElement, 'version', 0);
  const planElement = appendChild(xmlDoc, folderElement, 'plan');
  appendChild(xmlDoc, planElement, 'name', 'Eddie');

  const xmlSerializer = new XMLSerializer();
  const xmlOutput = xmlSerializer.serializeToString(xmlDoc);

  console.log("xmlOutput:", xmlOutput);

  return xmlOutput;
}

xml输出:

<doc>
    <folder>
        <version>0</version>
        <plan>
              <name>Eddie</name>
        </plan>
    </folder>
</doc>