Réagir Indigènes d'extraction de données XML

Je suis nouveau à Réagir Indigènes. Essayer de faire quelques très simple apps. Ne pouvez pas comprendre comment extraire des données XML. Avec JSON, tout est clair et simple.

Mais comment récupérer le XML? Essayé de le convertir en JSON via cette et à quelques autres scripts, mais sans succès. Besoin d'aide :/

Mon code est très 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>
    );
  },
});
  • Essayez d'utiliser response.text()
  • Aucune réponse sur ce point? J'ai couru dans le même problème. N'est-il pas pur JS XML parser là-bas?
InformationsquelleAutor Toon | 2015-04-22
  1. 9

    vous pouvez essayer 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)
        })

    - Je l'utiliser pour mon projet.

    • En Février, 2019 cette réponse semble toujours être le plus pertinent. Vous pouvez choisir de passer à l'ES6 importation de syntaxe mais de garder en place avec les conventions actuelles: importer { parseString } à partir de "réagir-native-xml2js";
    • newb question, après npm install réagir-native-xml2js, j'obtiens un "Module non trouvé: ne Peut pas résoudre 'réagir-native-xml2js' dans '/Users/moi/firsttry/src/composants" lorsque j'utilise que de l'importation.
    InformationsquelleAutor lam luu
  2. 5

    vous pouvez utiliser npm install xmldom, maintenant charger DOMParser comme ci-dessous :

    var DOMParser = require('xmldom').DOMParser

    - Je l'utiliser pour mon projet.

    • Quelqu'un a déjà essayé d'utiliser xmldom spécifiquement à Réagir Natif?
    • Je l'utilise dans mon projet de démonstration. vous pouvez vous référer à la démo github.com/kaich/ASReact/blob/master/App/Main/TypePage.js
    • Prend-il en charge à la fois Android et iOS?
    • Aujourd'hui, j'ai juste utilisé xmldom pour traiter un flux RSS. Je suis encore dans les premiers stades, mais il semble bien fonctionner avec iOS et Android.
    InformationsquelleAutor kai
  3. 2

    Tout d'abord Réagir Natif à l'aide de JavaScriptCore, qui est juste un interpréteur javascript, donc pas de Modèle d'Objet de Navigateur, pas d'objet de document, pas de fenêtre, etc. C'est une raison pour laquelle vous ne pouvez pas utiliser DOMParser par exemple.

    En effet Réagir vous offre un XMLHttpRequest wrapper, mais il ne comprend pas responseXML.

    Je n'ai pas trouvé de solution pour ce problème, donc je viens de créer ma propre bibliothèque pour que: réagir-native xml qui permet de parser xml et de faire des requêtes XPath pour elle:

    let xml = require('NativeModules').RNMXml
xml.find('<doc a="V1">V2</doc>', 
         ['/doc/@a', '/doc'], 
          results => results.map(nodes => console.log(nodes[0]))) 
//Output: 
// V1 
// V2
    • Très jolie solution, mais il ne semble pas à l'appui de Android. Donc vous devez toujours avoir le même problème.
    InformationsquelleAutor Artem Yarulin
  4. 1

    semble que vous ne pouvez pas obtenir XML en arrière, mais vous pouvez obtenir le texte brut; utilisation response.text() au lieu de response.json(). vous aurez toujours besoin de traiter le texte en xml

    • Oui, la réponse.texte() fonctionne très bien, mais il y a un problème avec texte au format xml processus. Par exemple, toutes les solutions de ces les réponses de retourner la valeur null ou une erreur 🙁
    • Aussi j'ai "impossible de trouver la variable: DOMParser()" lors de l'utilisation de nouveaux DOMParser();
    InformationsquelleAutor Aaron Saunders
  5. 1

    Je suis à l'aide de réagir-native, et je n'ai pas vraiment xmldom.
    J'ai écrit ma propre réaction-native XML parser.
    Vous pouvez le vérifier sur
    https://www.npmjs.com/package/react-xml-parser

    InformationsquelleAutor Matansh
  6. 0

    J'ai utilisé une combinaison de 2 paquets. Dans mon cas d'utilisation, j'ai eu à analyser la réponse d'une requête SOAP:

    Le premier paquet est - Réagir Natif XML2JS La raison pour l'utiliser et ne pas XML2JS est que j'étais une erreur de Réagir Natif de ne pas soutenir le nœud de la bibliothèque standard. (Je suis à l'aide de l'expo ainsi.)

    Le deuxième paquet de laquelle je l'ai utilisé pour l'analyse est - XML-JS. J'ai eu à utiliser le premier paquet que j'avais la même erreur de Réagir Natif de ne pas soutenir le nœud de la bibliothèque standard. J'ai utilisé ce parce qu'elle a donné une forme plus structurée résultat dans le cas d'une grande réponse XML.

    InformationsquelleAutor Sahil Khurana
  7. -1

    J'ai eu le même problème passer quelques heures avant, j'ai découvert que je pouvais le faire comme ceci:

    const GOOGLE_FEED_API_URL = "https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=-1&q="
let url = GOOGLE_FEED_API_URL + encodeURIComponent(<yoururl>);

fetch(url).then((res) => res.json());

    Espère que cela aide!

    • Comment se fait-c'est upvoted? Il répond à une tout autre question; comment envoyer une URL comme un paramètre get.
    • Je pense que c'est à l'aide d'un service de Google pour convertir un fichier XML en JSON...
    InformationsquelleAutor Ramon Gebben