阅读Reaction应用程序src文件夹中的Excel [英] Read excel that is in the src folder of React app

查看:22
本文介绍了阅读Reaction应用程序src文件夹中的Excel的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我已使用react CLI创建了一个Reaction应用。

我现在已经创建了一个名为data的文件夹,现在我想使用xlsxnpm包读取该数据。然而,这并不奏效。我认为这可能与我引用EXCEL文件的方式有关,因为我收到一条警告,因为‘字符串’类型上不存在属性‘Sheets’(见下图)

我以为读EXCEL(那也是本地的)很容易,但我弄不明白。有人能帮忙吗?我研究了很多与此相关的SO问题,但都没有成功。

我的代码

import "./App.css";
import XLSX from "xlsx";

let fileName = "./data/menu.xlsx";
var first_worksheet = fileName.Sheets[fileName.SheetNames[0]];
var data = XLSX.utils.sheet_to_json(first_worksheet, { header: 1 });
console.log(fileName);

推荐答案

您的fileName只是您当前路径的字符串。您还没有将其实际解析为Excel工作表,因此属性表将不存在于其上。

您需要实际从文件系统中读取文件,然后使用xlsx将其解析为可用于以编程方式与其交互的格式。由于您使用的是Reaction,您可以查看the react examples in the XLSX repo以了解如何进行该操作。然而,所包含的演示仅涵盖了Reaction原生应用程序,因此您可能还想开始研究从浏览器检索和解析本地文件系统上的文件的方法,如FileReaderfetch。然后,一旦将文件加载到内存中,就可以调用XLSX.read(file)将其完全解释为Excel工作表。

这篇关于阅读Reaction应用程序src文件夹中的Excel的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆