在列表中返回并呈现来自React Native上的XML的循环文本项

<data>
  <item>Item 1</item>
  <item>Item 2</item>
  <item>Item 3</item>
</data>

import React, { useEffect, useState } from 'react';
import { Text, View } from 'react-native';
import Xml2js from 'react-native-xml2js';

const App = () => {
  const [items, setItems] = useState([]);

  useEffect(() => {
    const parseXml = async () => {
      const xmlData = `<data><item>Item 1</item><item>Item 2</item><item>Item 3</item></data>`;
      try {
        const result = await Xml2js.parseStringPromise(xmlData);
        setItems(result.data.item);
      } catch (error) {
        console.error('Error parsing XML:', error);
      }
    };

    parseXml();
  }, []);

  return (
    <View>
      {items.map((item, index) => (
        <Text key={index}>{item._}</Text>
      ))}
    </View>
  );
};

export default App;