Как экспортировать excel из списка с помощью экспорта данных react

#reactjs #export #react-data-table-component

Вопрос:

Привет, я новичок в React js. Мне нужно экспортировать данные из списка (таблицы данных) в Excel. Я уже установил пакет npm компонента react data, пакет xlsx и пакет экспорта данных react. Я привел пример кода ниже. При нажатии кнопки «Экспорт» данные не загружаются.

Это код, который я получил от Google. Я вызвал тот же код в своем проекте. Но это работает. Какие библиотеки лучше всего подходят для экспорта данных в excel (React Js.

 ## Simple Excel Export  ```javascript import React from "react"; import ReactExport from "react-data-export";  const ExcelFile = ReactExport.ExcelFile; const ExcelSheet = ReactExport.ExcelFile.ExcelSheet; const ExcelColumn = ReactExport.ExcelFile.ExcelColumn;  const dataSet1 = [  {  name: "Johson",  amount: 30000,  sex: 'M',  is_married: true  },  {  name: "Monika",  amount: 355000,  sex: 'F',  is_married: false  },  {  name: "John",  amount: 250000,  sex: 'M',  is_married: false  },  {  name: "Josef",  amount: 450500,  sex: 'M',  is_married: true  } ];  const dataSet2 = [  {  name: "Johnson",  total: 25,  remainig: 16  },  {  name: "Josef",  total: 25,  remainig: 7  } ];  class Download extends React.Component {  render() {  return (  lt;ExcelFilegt;  lt;ExcelSheet data={dataSet1} name="Employees"gt;  lt;ExcelColumn label="Name" value="name"/gt;  lt;ExcelColumn label="Wallet Money" value="amount"/gt;  lt;ExcelColumn label="Gender" value="sex"/gt;  lt;ExcelColumn label="Marital Status"  value={(col) =gt; col.is_married ? "Married" : "Single"}/gt;  lt;/ExcelSheetgt;  lt;ExcelSheet data={dataSet2} name="Leaves"gt;  lt;ExcelColumn label="Name" value="name"/gt;  lt;ExcelColumn label="Total Leaves" value="total"/gt;  lt;ExcelColumn label="Remaining Leaves" value="remaining"/gt;  lt;/ExcelSheetgt;  lt;/ExcelFilegt;  );  } } ```  gt; Please let me know, how to export the data in excel using react data gt; table data.  I searched in Google and youtube videos but, getting any related videos and documentation.