[英]Adding to object that contains an array an object in state in React
您好,我正在構建一個應用程序,該應用程序呈現一個從 API 接收數據的表。
我正在使用表 MDBReact 並且我很難向表中添加行。
在 this.state 中,我有一個對象數據表,其中包含一個數組名稱行,我想將對象添加到這個數組中。
這是代碼和我嘗試過的,但它不起作用。
問題出在 this.setState 中,我應該如何將對象添加到數據表對象中包含的數組中。 謝謝
import React, { useState } from 'react';
import { MDBDataTableV5 } from 'mdbreact';
import axios from 'axios';
class ListaMesaje extends React.Component {
componentDidMount() {
axios.get(`http://localhost/spv/react-php/src/server.php`)
.then(res => {
const persons = res.data;
for(var i = 0; i < 3; i++) {
this.setState({datatable:{...this.state.datatable,rows:persons.mesaje[i]}})
}
})
}
constructor(props){
super(props);
this.state = {
datatable: {
columns: [
{
label: 'CIF',
field: 'cif',
width: 150,
attributes: {
'aria-controls': 'DataTable',
'aria-label': 'Name',
},
},
{
label: 'Data creare',
field: 'data_creare',
width: 270,
},
{
label: 'ID Solicitare',
field: 'id_solicitare',
width: 200,
},
{
label: 'Tip',
field: 'tip',
sort: 'asc',
width: 100,
},
{
label: 'ID',
field: 'id',
sort: 'disabled',
width: 150,
},
{
label: 'Detalii',
field: 'detalii',
sort: 'disabled',
width: 100,
},
],
rows: [
],
}
}
}
render() {
return(
<div>
<MDBDataTableV5 hover entriesOptions={[5, 20, 25]} entries={5} pagesAmount={4} data=
{this.state.datatable} fullPagination />
</div>
);
}
}
export default ListaMesaje;
你應該做簡單的替換
for(var i = 0; i < 3; i++) {
this.setState({datatable:{...this.state.datatable,rows:persons.mesaje[i]}})
}
到
this.setState({datatable:{...this.state.datatable,rows:[...persons.mesaje]}})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.