反応ネイティブのXMLレスポンスの使い方

Question

react-nativeでモバイルアプリケーションを開発していますが、XMLを返すodataサービスを呼び出す必要があり、それをjsonオブジェクトに変換する必要があります。

どうすればよいですか？

return fetch(url, { 
     method: 'GET', 
     headers: { 
     Authorization: config.api.auth, 
     }, 
    }) 
     .then(response => response.json()) 
     // .then(response => response.text()) 
     // .then(xml => _xmlToJson(xml)) 
     .then(json => dosomething(json)) 
     .catch(ex => showError(ex)); 
    }; 

は私の代わりにjson()にtext()を取得し、jsonにxmlを変換しますが、問題は方法がxml objectが、text()返す文字列を必要とすることで、他の方法にそれを渡そうとしました、と私はreact-nativeで方法を見つけることができませんでしたstringをxmlに変換する。

p.s. React NativeはJavaScriptCoreを使用しているため、ブラウザオブジェクトモデルやドキュメントオブジェクト、ウィンドウなどは使用できません。

Answer 1

ノードレルム内にある任意のxml2jsライブラリを使用できます。たとえば、https://github.com/Leonidas-from-XIV/node-xml2js

ダニエル・シュミットの答えが正しいですが、私はこの資料に記載されている方法を使用

Answer 2

、Build a YouTube playlist browser with React Native and Siphon

npm install xmldom 

---

var DOMParser = require('xmldom').DOMParser; 

---

parseVideos: function(s) { 
    console.log('Parsing the feed...'); 
    var doc = new DOMParser().parseFromString(s, 'text/xml'); 
    var objs = []; 
    var videos = doc.getElementsByTagName('yt:videoId'); 
    var thumbs = doc.getElementsByTagName('media:thumbnail'); 
    for (var i=0; i < videos.length; i++) { 
    objs.push({ 
     id: videos[i].textContent, 
     thumbnail: thumbs[i].getAttribute('url') 
    }) 
    } 
    this.setState({videos: objs}); 
},