使用样式和组件将数据作为xls进行React下载

Question

我需要下载一些数据作为csv，但我需要突出显示和自定义一些单元格取决于单元格值。

我发现这个示例使用的是"react-csv"，但它似乎使用的是纯文本，而不是带有样式的组件。在尝试使用"export-to-csv"库时也是如此。

有人知道如何使用html创建csv或如何将react对象创建为cell吗？如下所示：

const csvData = [
  ["firstname", "lastname", "email"],
  [<span style={{color: "red"}}> Ahmed </span>, "Tomi", "ah@smthing.co.com"],
  ["Raed", <LastNameComponent value={"Labes"}/>, "rl@smthing.co.com"],
  ["Yezzi", "Min l3b", "ymin@cocococo.com"]
];

这有可能吗？也许使用不同的库？

编辑:就像克里斯·亚当斯下面说的那样，csv用于原始数据，所以我会试着找到一个excel转换器。我已经尝试过像react-export-excel这样的工具，但是这个包的问题是它是一个react-data-export的分支。所以在分支上没有任何问题，react-data-export看起来并没有得到真正的维护。另外，从这个库中导入ExcelFile对象时也遇到了问题，所以我将尝试寻找更好的替代方案。将会更新。

Edit2:奇怪的是，我发现的大多数库都没有维护。目前我所见过的维护最多的库是SheetJS。仅在pro版本中才能设置样式。

Answer 1

据我所知，CSV只是原始数据，没有格式。

无论您将数据读入哪个应用程序，都需要理解您的格式。上面的示例包含JSX样式的格式化，所以我猜Excel是不可能的。

您只需将原始数据转储到CSV中，然后将该CSV加载到包含格式的Excel xlst中。

如果格式是由React在处理数据时决定的(例如，一些业务逻辑规则)，那么也许你可以找到一种方法来转储到html以包括内联样式。