Блог

у меня есть таблица для отображения данных на основе 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 по умолчанию