Export Data to Excel in React JS

export data to excel format React JS

Let’s just cut right to the chase!

To export data as Excel format in React JS, we use the react-excel-export library available in React.

First, we install and then we’re ready to go!

Get Free Mobile App Templates

Here’s an example:

Installation

yarn add react-excel-export

Usage

import React, { Component } from 'react';
import { DownloadExcel } from "react-excel-export";

const books = [
  {
    author: "Chinua Achebe",
    country: "Nigeria",
    language: "English",
    pages: 209,
    title: "Things Fall Apart",
    year: 1958,
  },
  {
    author: "Hans Christian Andersen",
    country: "Denmark",
    language: "Danish",
    pages: 784,
    title: "Fairy tales",
    year: 1836,
  },
  {
    author: "Dante Alighieri",
    country: "Italy",
    language: "Italian",
    pages: 928,
    title: "The Divine Comedy",
    year: 1315,
  },
];


class Excel extends Component {
  render(){
    return(
      <DownloadExcel
        data={books}
        buttonLabel="Export Data"
        fileName="sample-file"
        className="export-button"
      />
    )
  }
}

export default Excel

Result

export

Dynamically Populate Select Options in React JS

Let me know what you think in the comments.

Add a Comment

Your email address will not be published. Required fields are marked *