Question

在我的反应应用程序中，我有以下组件。 props.schedule是xml响应的一部分。出于某种原因map和getAttrbute没有合作，所以我被卡住了。

成分</ P>

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

  return (
    ....
  );
}

console.log（schedule）返回：

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

我想收集由line加入的leg代码中的所有,个影片。所以在这种情况下我想得到"ROUTE 2, ROUTE 12"。还想知道在这个反应组件的情况下我应该把函数放在哪里。

Answer 1

您需要将xml解析为js对象。我推荐xml2js：https://www.npmjs.com/package/xml2js

还有其他一些，但它们非常相似。

reactjs组件从jml获取数据

1 个答案: