从反应中逐行读取本地.csv文件

我在本地机器上有一个文件，我想阅读。我正在使用create-react-app来创建我的react应用程序。从反应中逐行读取本地.csv文件

const csv =require('/path/to/csv')

的文件基本上是一个.csv这样的：

IBM, .025 
GE, .33 
etc

我想读这个文件，逐行。我无法弄清楚如何去做。该文件需要之前什么都在，看起来像这样

import React from 'react'; 
import ReactDOM from 'react-dom'; 

const csv =require('/path/to/csv'); 

const App = React.createClass({ 
    // I would like to have the file read before stuff in here gets called 
}); 

const appRoot = document.createElement('div'); 
document.body.appendChild(appRoot); 
ReactDOM.render(<App />, appRoot);

来源

2017-08-11 Ivan

如果您使用的是webpack，这个加载器https://github.com/theplatapi/csv-loader可能会帮助 – juliobetta

C不要让readTextFile工作。我可以在浏览器中输入路径，并查看文本文件的内容。但在编程上我无法让它工作。使用Chrome。 – Ivan

我得到file：/// D：/Documents/js/table-example1/src/optimal.csv。协议方案仅支持跨源请求：http，data，chrome，chrome-extension，https。 – Ivan

这可能不是最完美的解决方案的应用程序被调用来解析，但我同样不得不处理这个问题。我发现，要求包和一个隐藏的元素中渲染之后，我能够访问它...

HTML：

<div id="hidden-element-id"></div>

ReactJS：

import ReactDOM from 'react-dom'; 

ReactDOM.render(require('yourfile'), document.getElementByID('hidden-element-id'));

的JavaScript：

var sourcefile = $('#hidden-element-id').html();

来源

2017-09-19 22:13:38 HoldOffHunger

从反应中逐行读取本地.csv文件

回答

相关问题