javascript - 如何通过工具 'read-excel-file' 在 ReactJS 上导入 excel？

Question

我是初学者。我觉得有什么地方不对劲。我试图解决但没有工作。 我从 HTML 示例中获取了这段代码。 请帮助我知道:如何在 reactJS 文件中写入它。 非常感谢。

import readXlsxFile from 'read-excel-file';
import React,{Component} from 'react';
import ReactDOM from 'react-dom';

class App extends Component{

    constructor(props){
        super(props);

        const input = document.getElementById('file');


        input.addEventListener('change', () => {
        readXlsxFile(input.files[0]).then((data) => {
            document.getElementById('dtable').innerHTML = '<table border=1>' + data.map(row => '<tr>' + row.map(cell => `<td>${cell === null ? '' : cell}</td>`).join('') + '</tr>').join('') + '</table>';
        })
        })

    }



    render(){
        return (
            <div>
                <input type="file" id="file" />
                <div id="dtable"></div>
            </div>

        ); 

    }

}

ReactDOM.render(<App />,document.querySelector('#root'));

Answer 1

我已经成功地使用 xlsx 读取 excel 文件表。只需做这样的事情:

    import excel from 'xlsx';
    let fileName = "newData.xlsx";
    let workbook = excel.readFile(fileName);
    console.log(workbook) //should print an array with the excel file data

假设您的根文件夹中有一个名为“newData.xlsx”的电子表格。然后只需弄清楚如何访问您想要的数据即可。这也应该有所帮助。