Как назначить два поля данных в заголовке Reaction-CSV - PullRequest
Новая
       59

Как назначить два поля данных в заголовке Reaction-CSV

0 голосов
/ 20 сентября 2019

Я работаю над react-csv.Я создал массив для пользовательских заголовков, я использовал массив заголовков и назначил label и key.В настоящее время у меня есть ситуация с двумя полями, которые должны быть назначены (в заголовке key используется для назначения ссылки на поля данных).Я пытался, но мне не удалось, может кто-нибудь, пожалуйста, помогите мне, как достичь этой цели.

Спасибо

Код 

headers = [
{
  label: "id",
  key: "user.id"
},
{
  label: "Agent Name",
  key: "user.firstName + user.lastName"
},
{
  label: "Agent Email",
  key: "user.email"
},
{
  label: "Agent Phone",
  key: "user.phoneNumber"
},
{
  label: "Agent Commission",
  key: "agentComission"
},
{
  label: "Company Commission",
  key: "companyComission"
},
{
  label: "Total Sale",
  key: "sale"
}
];

key: "user.firstName + user.lastName" },, как вы видите, я хочу назначить эти два поля, но когда я нажимаю на экспорт,дает мне пустую клетку.

1 Ответ

0 голосов
/ 20 сентября 2019

Я надеюсь, что это будет работать 

import { CSVLink } from "react-csv";

headers = [
{
  label: "id",
  key: "id"
},
{
  label: "Agent Name",
  key: "fullname"
},
{
  label: "Agent Email",
  key: "email"
},
{
  label: "Agent Phone",
  key: "phoneNumber"
},
{
  label: "Agent Commission",
  key: "agentComission"
},
{
  label: "Company Commission",
  key: "companyComission"
},
{
  label: "Total Sale",
  key: "sale"
}
];

data = [
  {
    id: 1,
    fullname: "name of agent",
    email: "test@gmail.com",
    phoneNumber: 123456789,
    agentComission: 'agent comission',
    companyComission: 'company comission',
    sale: 'sale',
  },
  {
    id: 2,
    fullname: "name of agent 2",
    email: "test2@gmail.com",
    phoneNumber: 123456789,
    agentComission: 'agent comission 2',
    companyComission: 'company comission 2',
    sale: 'sale 2',
  },
];

<CSVLink data={data} headers={headers}>
  Download me
</CSVLink>;
...