在 MDBReact 数据表中推送数组变量

Question

所以，我有一个 API，其中 returns 数据应该显示在 table 中，带有 datatable 选项。 我正在使用 'mdbreact' 来使用数据 table。 但是没有关于将数组变量推入数据行table的文档。如何将我的数组变量推入 rows of datatables ？ 我的代码：

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}; 


}

在return

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

Answer 1

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

类似于this.setState({datatableProps: ...datatableProps, rows: API_ROWD_ATA})