javascript - React 数据表组件。如何动态选择行

Question

我有一个包含以下列的 DataTable：

const columns = [
    {   name: "Matric",
        selector: "matric",
        sortable: true        
    },
    {
        name: "Forename",
        selector: "forename",
        sortable: true
    },
    {
        name: "Surname",
        selector: "surname",
        sortable: true
    }
]


    <DataTable
        pagination
        selectableRows 
        columns = {columns}
        data = {studentData}
        defaultSortField="matric"
    />

SelectableRows 为每一行添加一个复选框。我正在使用数据表参加考勤，但我希望还允许用户通过 .csv 上传考勤，或者如果考勤记录已经存在，它将显示在数据表中。

通过上传 csv 或获取出勤记录，我希望数据表将重新呈现并检查相应的行，以便用户可以仔细检查。但我不确定如何在渲染中选择一行。

任何帮助都会很棒！

标签： javascriptreactjsdatatablereact-data-table-component

Answer 1

只需使用带有您要检查的行的道具传递一个道具：selectedData = { studentData[0], studentData[1] }