Question

我想在本地计算机上找到一个文件，我想阅读。我正在使用create-react-app创建我的react应用程序。

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

Answer 1

这可能不是最优雅的解决方案，但我同样不得不处理这个问题。我发现，在需要包并将其呈现在隐藏元素中之后，我能够访问它...

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();

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

1 个答案: