reactjsコンポーネントjsでxmlからデータを取得

Question

私のリアクションのアプリで私は以下のコンポーネントを持っています。 props.scheduleはxmlレスポンスの一部です。何らかの理由でmapとgetAttrbuteが一緒に働いていないので、私は立ち往生しています。

成分

const TimeItem = (props) => { 
    const schedule = props.schedule; 
    ..... 

    return (
    .... 
); 
} 

にconsole.log（スケジュール）これを返す：

<trip origin="SFIA" destination="FRMT" fare="11.65" origTimeMin="7:47 AM" origTimeDate="07/23/2016 " 
    destTimeMin="9:18 AM" destTimeDate="07/23/2016" clipper="4.35" tripTime=""> 
    <leg order="1" transfercode="N" origin="SFIA" destination="BALB" origTimeMin="7:47 AM" origTimeDate="07/23/2016" 
    destTimeMin="8:06 AM" destTimeDate="07/23/2016" line="ROUTE 2" trainHeadStation="PITT" trainIdx="8"/> 
    <leg order="2" transfercode="N" origin="BALB" destination="BAYF" origTimeMin="8:13 AM" origTimeDate="07/23/2016" 
    destTimeMin="8:54 AM" destTimeDate="07/23/2016" line="ROUTE 12" trainHeadStation="DUBL" trainIdx="8"/> 
</trip> 

Iは,によって接合legタグ内のすべてのline ATTRSを収集したいと思います。この場合、私は"ROUTE 2, ROUTE 12"を取得したいと思います。また、この反応コンポーネントの場合には、関数をどこに置くべきかを知りたいと思います。

Answer 1

xmlをjsオブジェクトに解析する必要があります。私はxml2jsをお勧めします：https://www.npmjs.com/package/xml2js

他にもいくつかありますが、かなり似ています。