Реагировать на родной, импортировать и читать локальный файл XML

Question

Я новичок в React Native. Я пытаюсь использовать его для создания кроссплатформенного мобильного приложения. Я хочу открыть и прочитать локальный файл XML, присутствующий в папке моего приложения, но я не могу понять, как это сделать.

Моя самая большая проблема на данный момент заключается в том, как назначить этот локальный XML-файл переменной, я пытался с require команда или с import, но эти команды не сработали.

Answer 1

Вам необходимо преобразовать ваш xml-файл в объект javascript, чтобы вы могли с ним работать. Может быть, вы могли бы использовать response-native-xml2js

Answer 2

Вот рабочий пример с xml2js:

• responseText - это данные.XML, полученные из example.xml.

• в фигурных скобках.then((responseText) = {}) добавлен скрипт xml2json для синтаксического анализа данных.xml в формате Json console.log(результат) отобразит формат json в терминале.

примечание: если вы удалите строку синтаксического анализа и добавите console.log(responseText) вместо этого, вывод будет в формате XML, надеюсь, это поможет.

  import React, {Component} from 'react';
    import {View} from 'react-native';
    import {parseString} from 'xml2js'



    class App extends Component {


     componentDidMount(){
      this._isMounted = true;
      var url = "https://example.xml"
      fetch(url)
        .then((response) => response.text())
        .then((responseText) => {
       parseString(responseText, function (err, result) {
         console.log(result);
         return result;
        });
      this.setState({
        datasource : result
        })
       })
    .catch((error) => {
      console.log('Error fetching the feed: ', error);
    });
  }



      componentWillUnMount() {
         this._isMounted = false;
      }




      render(){
        return(
          <View>

          </View>

        )
      }
    }

    export default App;