Question

54

React-Native fetch XML data

rated 0 times [ 58] [ 4] / answers: 1 / hits: 33966 / 9 Years ago, wed, april 22, 2015, 12:00:00

I'm new to React-Native. Trying to make some very simple apps. Can't figure out how to fetch XML data. With JSON everything is clear and simple.

But how to fetch XML? Tried to convert it to JSON via this and some other similar scripts, but without any success. Need help :/

My code looks very simple:

var xml_url = 'http://api.example.com/public/all.xml';



var ExampleProject = React.createClass({

    getInitialState: function() {

    return {

      data: {results:{}},

    };

  },

  componentDidMount: function() {

    this.fetchData();

  },

  fetchData: function() {

    fetch(xml_url)

      .then((response) => response.json())

      .then((responseData) => {

        this.setState({

          data: responseData.data,

        });

      })

      .done();

  },



  render: function() {

    return (

      <View style={styles.wrapper}>

        <View style={styles.container}>

          <View style={styles.box}>

            <Text style={styles.heading}>Heading</Text>

            <Text>Some text</Text>

          </View>

        </View>

      </View>

    );

  },

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tayla

Add To Favorites

Follow

Total Points: 681

Total Questions: 102

Total Answers: 108

Location: Marshall Islands

Member since Tue, Sep 21, 2021

3 Years ago

tayla questions

1 Problem embedding tiktok video into angular 7

Fri, Mar 5, 21, 00:00, 3 Years ago

1 Lodash - How to merge two arrays of objects based on key?

Wed, Oct 28, 20, 00:00, 4 Years ago

1 Horizontal scroll bar is appearing after using slick slider in the webpage

Wed, Oct 21, 20, 00:00, 4 Years ago

1 Jest: `querySelector` returns null in test of a ReactJS component

Sat, Jul 4, 20, 00:00, 4 Years ago

1 setTimeout with Promises

Thu, Apr 9, 20, 00:00, 4 Years ago

View All

answered 9 Years ago daijab · Accepted Answer

you can try https://github.com/connected-lab/react-native-xml2js ,

    const parseString = require('react-native-xml2js').parseString;



    fetch('link')

        .then(response => response.text())

        .then((response) => {

            parseString(response, function (err, result) {

                console.log(response)

            });

        }).catch((err) => {

            console.log('fetch', err)

        })

I use it to my project.