Javascript 如何在React in表中呈现状态数组

我有一个进行api调用和获取数据的组件，我有状态6数组，我用setState在数组中添加数据，我想显示它

我试过这个。state.array1.map等等。。。因此，对于所有行的每个数组，它都不能正确地显示它们。我还尝试将它们包装在状态为的对象中，并映射该对象，但它给了我一个错误

代码如下：

import React from 'react';
import axios from 'axios';




 class ListaMesaje extends React.Component {
 constructor(props){
 super(props);
 this.state = {
 obiect: {
 cif: [],
 data_creare: [],
 detalii: [],
 id: [],
 id_solicitare: [],
 tip: []
 }
 

 }
 }




 render() {

 axios.get(`http://localhost/spv/react-php/src/server.php`)
 .then(res => {
 const persons = res.data;

 for(var i = 0; i < 5; i++) {
  this.setState({cif: [...this.state.cif, persons.mesaje[i].cif]});
  this.setState({data_creare: [...this.state.data_creare, persons.mesaje[i].data_creare]});
  this.setState({detalii: [...this.state.detalii, persons.mesaje[i].detalii]});
  this.setState({id: [...this.state.id, persons.mesaje[i].id]});
  this.setState({id_solicitare: [...this.state.id_solicitare, persons.mesaje[i].id_solicitare]});
  this.setState({tip: [...this.state.tip, persons.mesaje[i].tip]});
  }

  })



   return(
  <div>

  {this.state.obiect.cif(x=>(
   <h3>{x}</h3>
   ))}

  </div>
  );
   }


   }

  export default ListaMesaje

从“React”导入React；
从“axios”导入axios；
类ListaMesaje扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
目标：{
到岸价：【】，
数据包括：[]，
详情：[]，
id:[]，
id_请求者为：[]，
提示：[]
}
}
}
render（）{
axios.get(`http://localhost/spv/react-php/src/server.php`)
。然后（res=>{
const persons=资源数据；
对于（变量i=0；i<5；i++）{
this.setState（{cif:[…this.state.cif，persons.mesaje[i].cif]}）；
this.setState（{data_creare:[…this.state.data_creare，persons.mesaje[i].data_creare]}）；
this.setState（{detalii:[…this.state.detalii，persons.mesaje[i].detalii]}）；
this.setState（{id:[…this.state.id，persons.mesaje[i].id]}）；
this.setState（{id\u requestare:[…this.state.id\u requestare，persons.mesaje[i].id\u requestare]}）；
this.setState（{tip:[…this.state.tip，persons.mesaje[i].tip]}）；
}
})
返回(
{this.state.obect.cif（x=>(
{x}
))}
);
}
}
导出默认列表amesaje

如果sombody能帮我举个例子，说明如何在html表中呈现状态中的所有数组，我将不胜感激

---

非常感谢

现在，您可以进行一个API调用，并在等待时进行渲染。当您收到数据并更新状态时，它将触发一个新的呈现和一个新的API调用。新的渲染、新的API调用等

API调用不应在render方法中完成。将其移动到componentDidMount生命周期方法（或事件处理程序，具体取决于预期的行为）。这样，当组件挂载时，它会发出一个API调用，使用初始数据进行渲染，当您收到真实数据时，它会执行另一个渲染

在渲染方法中，只需通过数组

map（）

：

return(
    <div>
        {this.state.obiect.cif.map(x => (
            <h3>{x}</h3>
        ))}
    </div>
);

返回(
{this.state.obect.cif.map（x=>(
{x}
))}
);

我设法渲染了这些值，但我想在html表中渲染数组。但是在这个州，我只有6个数组。如何将一个状态映射为6个数组，以便在每行上放置一个数组？谢谢