react-make-csv
is a JavaScript/TypeScript utility for generating CSV (Comma-Separated Values) files from data arrays. It is designed to simplify the process of creating CSV files for various use cases, such as data export, report generation, and data interchange.
You can install react-make-csv
using npm or yarn:
npm i react-make-csv
or
yarn add react-make-csv
data (Array): An array of string arrays representing the data to be converted into CSV format.
fileName (String): The desired file name for the generated CSV file.
Here's an example of using react-make-csv to create and trigger a CSV file download:
import { generateCSV } from "react-make-csv";
import React from "react";
const Component: React.FC = () => {
const data: string[][] = [
['Name', 'Email', 'Number'],
['Alice', 'alice@example.com', '123'],
['Bob', 'bob@example.com', '456'],
['Charlie', 'charlie@example.com', '789'],
['David', 'david@example.com', '101'],
['Eva', 'eva@example.com', '202'],
['Frank', 'frank@example.com', '303'],
['Grace', 'grace@example.com', '404'],
['Hank', 'hank@example.com', '505'],
['Ivy', 'ivy@example.com', '606'],
['Jack', 'jack@example.com', '707'],
];
const downloadCSV = () => generateCSV(data, 'myfile');
return (
<div
style={{ cursor: 'pointer', textDecoration: 'underline' }}
onClick={downloadCSV}
>
Download
</div>
);
};
export default Component;
This project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! If you have any bug fixes, improvements, or new features to propose, please open an issue or submit a pull request.
If you encounter any issues or have questions or suggestions, please feel free to open an issue.
This package was inspired by the need for a simple CSV generation utility. Special thanks to the open-source community for their valuable contributions.
Author Aqeel Sahi