英文:
Push array variables in MDBReact datatables
问题
我有一个API,它返回应在带有Datatable选项的表格中显示的数据。我正在使用'mdbreact'来使用Datatable。但是关于如何将我的数组变量推送到Datatable的'rows'中,没有相关文档。如何将我的数组变量推送到Datatable的'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 };
}
}
// 在返回中使用以下代码来呈现Datatable
<MDBDataTable
striped
bordered
hover
data={datatableProps}
/>
英文:
So, I have a API which returns the data which should be shown in table with datatable option.
I'm using 'mdbreact' to use datatable.
But there is no documentation about pushing array variables into rows of datatables. How to push my array variables into rows
of datatables ?
My code :
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};
}
In return
<MDBDataTable
striped
bordered
hover
data={datatableProps}
/>
答案1
得分: 1
你可以从API获取数据后更新行数据。示例使用 hooks。
类似于 this.setState({datatableProps: ...datatableProps, rows: API_ROWD_ATA})
英文:
you can update the rows data after fetching it from the API. sample using hooks.
something like this.setState({datatableProps: ...datatableProps, rows: API_ROWD_ATA})
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论