Question

我是React Native框架的新手。我试图用它来制作一个跨平台的移动应用程序。我想打开并阅读我的app文件夹中的本地XML文件，但我无法解决如何执行此操作。

目前我最大的问题是如何将此本地XML文件分配给变量，我已尝试使用require命令或使用import，但这些命令没有＆＃39工作。

Answer 1

您需要将xml文件转换为javascript对象，以便您可以使用它。也许你可以使用react-native-xml2js

Answer 2

这是xml2js的工作示例：

•responseText是从example.xml中获取的.XML数据

•在.then（（responseText）= {}）的花括号内，添加了xml2json脚本以将.xml数据解析为Json格式console.log（result）将在终端中呈现json格式。

旁注：如果删除分析字符串并添加console.log（responseText），则输出将为XML格式，希望对您有所帮助。

  import React, {Component} from 'react';
    import {View} from 'react-native';
    import {parseString} from 'xml2js'



    class App extends Component {


     componentDidMount(){
      this._isMounted = true;
      var url = "https://example.xml"
      fetch(url)
        .then((response) => response.text())
        .then((responseText) => {
       parseString(responseText, function (err, result) {
         console.log(result);
         return result;
        });
      this.setState({
        datasource : result
        })
       })
    .catch((error) => {
      console.log('Error fetching the feed: ', error);
    });
  }



      componentWillUnMount() {
         this._isMounted = false;
      }




      render(){
        return(
          <View>

          </View>

        )
      }
    }

    export default App;

反应本机，导入和读取本地xml文件

2 个答案: