Papa Parse CSV for React Native

时间:2017-07-12 12:16:05

标签: ios react-native papaparse

使用PapaParse,我正在尝试解析位于iOS设备本地的CSV。下面的示例代码非常简单,只是它不采用文件路径。我确实有本地文件的路径,但我不确定如何正确插入fileInput.files[0]。我尝试使用File()从路径创建文件但无法到达任何地方。如何解析本地csv,使用PapaParse进行本地反应?

Papa.parse(fileInput.files[0], {
    complete: function(results) {
        console.log(results);
    }
});

2 个答案:

答案 0 :(得分:0)

只需添加@pnizzle上面的回答。

出于某种原因,只要它们位于React Native项目的目录中,您就可以访问Image文件,并使用当前js文件的相对路径。

对于CSV文件,我必须将它们与我的iOS项目捆绑在一起(我将文件分组到Assets文件夹中),然后使用RNFS获取MainBundleDirectory的路径并从那里访问我的.CSV文件。

希望这可以帮助其他任何类似的人。

var mainBundlePath = RNFS.MainBundlePath;
var path = '/Assets/CSVData.csv';
Papa.parse(mainBundlePath+path, {
download: true,
delimiter: '\t',
complete: function(results) {
    console.log('This is ME..');
    console.log(results);
    }
});

答案 1 :(得分:-1)

更新:您必须首先导入文件,就像组件一样。

import myDataset from '../path/to/myDataset.csv';

然后您将使用myDataset作为您的文件与Papa.parse一起下载...

Papa.parse(myDataset, {
    download: true,
    delimiter: '\t'
    complete: function(results) {
        console.log(results);
    }
});

download的配置值指定为true。 根据Papa Parse文档,应自动检测分隔符。