react导出excel表格
时间: 2023-11-08 09:03:39 浏览: 148
react-excel-renderer:一个在库中呈现和显示Excel工作表的React库
可以使用第三方库"react-csv"来导出Excel表格。首先需要安装该库:
```
npm install react-csv --save
```
然后在组件中引入该库并使用其中的CSVLink组件,在CSVLink组件中设置数据和文件名即可导出Excel表格。示例代码如下:
```
import React, { Component } from 'react';
import { CSVLink } from "react-csv";
class ExportExcel extends Component {
constructor(props) {
super(props);
this.state = {
data: [
['Name', 'Age'],
['Tom', '20'],
['Jerry', '22']
]
};
}
render() {
return (
<CSVLink data={this.state.data} filename={"my-file.csv"}>
Export to CSV
</CSVLink>
);
}
}
export default ExportExcel;
```
此例中,将data属性设置为一个二维数组,第一行是表头,后面的行是数据。filename属性设置导出Excel表格的文件名。点击"Export to CSV"按钮即可导出Excel表格。
阅读全文