0

所以,我有一个 API,它返回应该用 datatable 选项显示在表中的数据。我正在使用“mdbreact”来使用数据表。但是没有关于将数组变量推入数据表行的文档。如何将我的数组变量推送到rows数据表中?我的代码:

import React, { Component } from 'react';
import { MDBDataTable } from 'mdbreact';
class DummyTest extends Component {

DummyFunc() {
    var data = {
                            columns: [

                                {
                                    label: 'Location',
                                    field: 'Location',
                                    sort: 'asc',
                                    width: 150
                                },
                                {
                                    label: 'Entry Time',
                                    field: 'EntryTime',
                                    sort: 'asc',
                                    width: 150
                                },
                                {
                                    label: 'Exit Time',
                                    field: 'ExitTime',
                                    sort: 'asc',
                                    width: 150
                                },
                            ],
                            rows: [
                            ]
                        };
                        const datatableProps = {data, rows: datas}; 


}

作为回报

<MDBDataTable
                        striped
                        bordered
                        hover
                        data={datatableProps}
                        />
4

1 回答 1

1

您可以在从 API 获取数据后更新行数据。使用钩子采样。

就像是this.setState({datatableProps: ...datatableProps, rows: API_ROWD_ATA})

于 2020-01-03T07:08:57.150 回答