React Native：如何从代码创建 excel 文件？

Posted 2023-03-07

【中文标题】React Native：如何从代码创建 excel 文件？

【英文标题】：React Native: How to create excel file from code?

【发布时间】：2018-12-20 21:22:25

【问题描述】：

有没有办法在 React native 中从 js 代码创建一个 excel 文件？可以分享一下这个库，包括如何使用的例子吗？

我需要导出并下载一些数据到excel文件并下载到手机。

谢谢！

【问题讨论】：

对图书馆的请求不在此处讨论。

【参考方案1】：

如果使用 Expo，以下代码应该适合您。它创建一个工作表，然后创建一个共享对话框，供用户在他们喜欢的任何应用程序中打开它，例如电子邮件、Office 等：

import XLSX from 'xlsx';
import * as FileSystem from 'expo-file-system';
import * as Sharing from 'expo-sharing';

var data = [
    "name": "John",
    "city": "Seattle"
  ,
  
    "name": "Mike",
    "city": "Los Angeles"
  ,
  
    "name": "Zach",
    "city": "New York"
  
];
var ws = XLSX.utils.json_to_sheet(data);
var wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "Cities");
const wbout = XLSX.write(wb, 
  type: 'base64',
  bookType: "xlsx"
);
const uri = FileSystem.cacheDirectory + 'cities.xlsx';
console.log(`Writing to $JSON.stringify(uri) with text: $wbout`);
await FileSystem.writeAsStringAsync(uri, wbout, 
  encoding: FileSystem.EncodingType.Base64
);

await Sharing.shareAsync(uri, 
  mimeType: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
  dialogTitle: 'MyWater data',
  UTI: 'com.microsoft.excel.xlsx'
);

【参考方案2】：

您可以将 JSON 转换为 excel 文件

你必须使用两个包装

react-native-fs XLSX（用于将json转换为excel文件）

这是一个例子

如果你想写 Excel 文件

import  writeFile, readFile  from 'react-native-fs';
import XLSX from 'xlsx';

var data = [
"name":"John", "city": "Seattle",
"name":"Mike", "city": "Los Angeles",
"name":"Zach", "city": "New York"
];

 var ws = XLSX.utils.json_to_sheet(data);

  var wb = XLSX.utils.book_new();
  XLSX.utils.book_append_sheet(wb,ws,"Prova");

  const wbout = XLSX.write(wb, type:'binary', bookType:"xlsx");
  var RNFS = require('react-native-fs');
  var file = RNFS.ExternalStorageDirectoryPath + '/test.xlsx';
  writeFile(file, wbout, 'ascii').then((r)=>/* :) */).catch((e)=>/* :( */);

如果你想读取 Excel 文件

import  writeFile, readFile  from 'react-native-fs';
import XLSX from 'xlsx';

  const filePath="/Users/copoo/Downloads/Data.xlsx";
  const excelFile=await RNFS.readFile(filePath,'ascii');
  const workbook = XLSX.read(excelFile, type:'binary');
  console.log(workbook,"excelFile")

【讨论】：

没有错误，它完成了......但我无法找到写入的文件。这是否适用于嵌套的 JsonObject

github.com/itinance/react-native-fs/issues/540 你可以看到 RNFS.ExternalStorageDirectoryPath 它实际上显示了存储根目录。您应该在 catch 块中进行控制台并调试它现在不写入文件的原因。当我发布这个答案时它正在工作

【参考方案3】：

我会使用 javascript 原生的 JSON，可以是 imported directly into Excel

如果你还不知道怎么做，这里有一篇解释如何从 JS 对象创建 JSON 文件的帖子：

write/add data in JSON file using node.js