reactjs 구성 요소가 js로 XML에서 데이터 가져 오기

내 반응 애플 리케이션에서 다음 구성 요소가 있습니다. props.schedule은 xml 응답의 일부입니다. 어떤 이유로 든 map과 getAttrbute이 함께 작동하지 않아 붙어 있습니다.reactjs 구성 요소가 js로 XML에서 데이터 가져 오기

<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>

내가 ,로 합류 leg 태그의 모든 line 바인드합니다를 수집하고 싶습니다 :

구성 요소

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

    return (
    .... 
); 
}

을 console.log (일정)이 반환합니다. 그래서이 경우에 나는 "ROUTE 2, ROUTE 12"을 얻고 싶습니다. 또한이 반응 구성 요소의 경우 함수를 어디에 배치해야하는지 알고 싶습니다.

출처

2016-07-23 Szilard Magyar

xml을 js 객체로 구문 분석하기 위해 뭔가가 필요할 것입니다. 나는 xml2js를 추천 할 것이다 : https://www.npmjs.com/package/xml2js

몇 가지가 있지만 꽤 유사하다.

출처

2016-07-23 16:37:54 JordanHendrix

요르단, 나는 약간 혼란 스럽다. 나는 또한'trip' 태그 attr 값을 사용하고 있으며,이 컴포넌트에서이'schedule.getAttribute ("origTimeMin")'을 사용하여 제대로 작동하고 있습니다. 원래 xml 객체는 더 많은 여행을 포함하고 DOMParser(). parseFromString (responseXML, "text/xml")'을 사용하여 구문 분석했습니다. 그래서 내가 이미 파싱 된 한 마리의 꿀벌의 아이들 인 다리를 다시 분석해야한다고 생각하니? –

reactjs 구성 요소가 js로 XML에서 데이터 가져 오기

답변

관련 문제