将包含状态的对象添加到包含数组的对象中

如何解决将包含状态的对象添加到包含数组的对象中

您好，我正在构建一个应用程序，该应用程序呈现一个从API接收数据的表。

我正在使用表mdbreact，并且很难在表中添加行。

在this.state中，我有一个对象数据表，其中包含一个数组名称行，我想向该数组添加对象。

这是代码，我已经尝试过了，但是不起作用。

问题出在this.setState中，我该如何将对象添加到datatable对象中包含的数组中。谢谢

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',{
      label: 'Detalii',field: 'detalii',],rows: [
    
 
  ],}
}
}

render() {
return(
<div>
<MDBDataTableV5 hover entriesOptions={[5,20,25]} entries={5} pagesAmount={4} data= 
{this.state.datatable} fullPagination />
</div>
);
}

}

export default ListaMesaje;

解决方法

您应该简单地替换

plot(dataset1,col="black",ylab="Height (ft)",main = "W7R001")
par(new = TRUE)
points(dataset5,col="red",pch = ".",xlab="",ylab="",axes = FALSE)
axis(side = 4)
mtext(side = 4,"Height (m)")

到

  for(var i = 0; i < 3; i++) { 
  this.setState({datatable:{...this.state.datatable,rows:persons.mesaje[i]}})
  }