從反應中逐行讀取本地.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文件

回答

相關問題