Get data to export csv file using react-csv

Question

I am trying react-csv. https://www.npmjs.com/package/react-csv

This is data:

users = [
{firtstname: 'Ahmed', lastname: 'Tomi' , email: '[email protected]'},
{firtstname: 'Raed', lastname: 'Labes' , email: '[email protected]'},
{firstname: 'Yezzi', lastname: 'Min l3b', email: '[email protected]'}
];

Data for react-csv:

<CSVLink data={this.props.users} >Download me</CSVLink>

Then, how do I get only lastname and email for csv. I try to do like this but something went wrong.

handleExport = () => {
this.state.exportData = this.props.users.map((user, index) => (
user.lastname + user.email
));
}

Thanks.

Michael McCabe · Accepted Answer · 2018-10-22 14:26:48Z

3

Two choices. Either map your data so it only contains what you need. Something like

<CSVLink data={this.props.users.map(x => ({ lastname: x.lastname, email: x.email }))}>Download me</CSVLink>

Or, use the headers prop to define the data you want

headers = [
  { label: 'Last Name', key: 'lastname' },
  { label: 'Email', key: 'email' }
];

<CSVLink data={this.props.users} headers={headers}>Download me</CSVLink>

edited Oct 22, 2018 at 14:26

answered Oct 22, 2018 at 14:01

Michael McCabe

1,1528 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

realkyo · Accepted Answer · 2018-01-26 15:52:45Z

0

<CSVLink data={this.state.exportData} >Download me</CSVLink>

answered Jan 26, 2018 at 15:52

realkyo

211 bronze badge

Collectives™ on Stack Overflow

Get data to export csv file using react-csv

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related