Javascript 如何.map()从get请求获取JSON响应,并使用给定索引中的索引来确定表行
这就是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
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>