我在本地.xml文件中有一个xml响应，需要在React中将其转换为JSON。

import React, { useEffect, useState } from 'react';
import { parseString } from 'xml2js'; // 使用xml2js库进行解析

const XmlToJsonConverter = () => {
  const [jsonData, setJsonData] = useState(null);

  useEffect(() => {
    const fetchXmlData = async () => {
      try {
        const response = await fetch('/path/to/your/xml/file.xml'); // 替换为实际的.xml文件路径
        const xmlData = await response.text();

        parseString(xmlData, (err, result) => {
          if (err) {
            console.error('Error parsing XML:', err);
          } else {
            const json = JSON.stringify(result);
            setJsonData(json);
          }
        });
      } catch (error) {
        console.error('Error fetching XML:', error);
      }
    };

    fetchXmlData();
  }, []);

  return (
    <div>
      {jsonData ? (
        <pre>{jsonData}</pre>
      ) : (
        <p>Loading XML data...</p>
      )}
    </div>
  );
};

export default XmlToJsonConverter;

npm install xml2js