Javascript 如何.map()从get请求获取JSON响应,并使用给定索引中的索引来确定表行

Javascript 如何.map()从get请求获取JSON响应,并使用给定索引中的索引来确定表行,javascript,json,reactjs,Javascript,Json,Reactjs,这就是JSON响应的样子, 我的项目展示了什么 我的渲染如下所示: render() { const { materials } = this.state; let returndata = _.isEmpty(materials) ? [] : materials console.log('look', returndata) return ( <div className="ui conta

这就是JSON响应的样子,

我的项目展示了什么

我的渲染如下所示:

    render() {
    
    const { materials } = this.state;

    let returndata = _.isEmpty(materials) ? [] : materials
    console.log('look', returndata)
    
    return (  
        <div className="ui container"> 
        <br />
        <br />
            <Table fixed>
                <Table.Header>
                    <Table.Row>
                        <Table.HeaderCell>UUID</Table.HeaderCell>
                        <Table.HeaderCell>Title</Table.HeaderCell>
                        <Table.HeaderCell>Description</Table.HeaderCell>
                    </Table.Row>
                </Table.Header>

                <Table.Body>
                {returndata.map((item, i) => {
                    return (
                    <Table.Row key = {i}>
                        <Table.Cell>{item.uuid}</Table.Cell>
                        <Table.Cell>{item.title}</Table.Cell>
                        <Table.Cell>{item.description}</Table.Cell>
                    </Table.Row>
                    )
                })}
                </Table.Body>
            </Table>
        </div>
  );
}
render(){
const{materials}=this.state;
让returndata=\ i空(物料)?[]:物料
console.log('look',returndata)
报税表(


UUID 标题 描述 {returndata.map((项目,i)=>{ 返回( {item.uuid} {item.title} {item.description} ) })} ); }
我应该怎么做才能显示[0]中的数据(16项),而不需要硬编码,因为有一天我可能会有更多的数组,而不仅仅是0和1。 谢谢

试试这个

const aggregated = data.reduce( (agg, list) => {
  return agg.concat(list.data)
}, [])

return ({aggregated.map((item, i) => Table.Row....})
尝试:


{
returndata.map((项目,i)=>{
返回(
{
item.map(innerdata=>{
返回(
{innerdata.uuid}
{innerdata.title}
{innerdata.description}
)}
)}
)}
)}
innerdata是数组内部数组的一部分

<Table.Body>
   {
    returndata.map((item, i) => {
      return (
         <Table.Row key = {i}>
             {
             item.map(innerdata => {
             return(
                 <Table.Cell>{innerdata.uuid}</Table.Cell>
                 <Table.Cell>{innerdata.title}</Table.Cell>
                 <Table.Cell>{innerdata.description}</Table.Cell>
             )}
            )}
         </Table.Row>
      )}
   )}
</Table.Body>