Как скачать CSV-файл, основанный на столбцах таблицы, проверенных вactjs? - PullRequest
0 голосов
/ 25 марта 2019

У меня есть таблица для отображения данных на основе Json. Теперь я хочу скачать таблицу в CSV-файл на основе проверенных столбцов? Как это скачать?

  import React from "react"
import { Table,Checkbox,Row, Col } from 'antd';
import data from "./shared/student.json"
import { CSVLink, CSVDownload } from "react-csv";

class StudentTable extends React.Component {

    state = {  
        checked: 'false',
        columns: [
            {
                title: 'StudentID',
                dataIndex: 'id',
                key: 'id',

            },
            {
                title: 'Name',
                dataIndex: 'name',
                key: 'name',


            },

            {
                title: 'CourseType',
                dataIndex: 'coursetype',
                key: 'coursetype',

            },

        ]
    }

    onChange = (e,name) => {
       alert(JSON.stringify(e, null, 2))
       console.log(`checked = ${e.target.checked}`)
       if(e.target.checked === true){
           data.push(CsvData)
           console.log(CsvData)
       }


    }

    render() {
        return (
            <div>                            
                <Row>
                    <Col>
                        <Checkbox name="studentid" onChange={this.onChange}>StudentID</Checkbox>
                        <Checkbox name="name" onChange={this.onChange}>Name</Checkbox>
                        <Checkbox name="coursetype" onChange={this.onChange}>CourseType</Checkbox>

                    </Col>
                </Row>

У меня есть скачать CSV-файл, используя ссылку CSV. Теперь я хочу загрузить данные, основанные на проверенных столбцах? Как загрузить их?

            <CSVLink data={CsvData}>Download me</CSVLink>;

            <h2>Student Data</h2>
            <Table
                dataSource={data}
                columns={this.state.columns}
                pagination={{ pageSize: 5 }}
                rowKey={record => record.id}
                onChange={this.handleChange}

            />    
        </div>

    )
}

}

экспорт по умолчанию StudentTable

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...