请问如何将for循环每次得到的结果都return?

Question

如下方代码所示

  const expandedRowRender=()=>{
    for(let i=0;i<duiying.length;++i){
      return (
        <Descriptions  bordered column={{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }} colon={false}>
        <Descriptions.Item label="districtName" span={3}>{duiying[i].districtName}</Descriptions.Item>
        </Descriptions>
      )
    }

    return false   //解决“并非所有代码路径都返回值”
  }

其中<Descriptions>是Ant design pro中一个描述列表的组件，如下图所示

我想把这种组件描述的数据放到<Table>组件的嵌套表格中，就是下图这种效果

其代码段为

          <Table 
            showHeader={false}
            columns={columns}
            expandable={{ expandedRowRender }}
            dataSource={dDeatail}>         
          </Table>

我想要遍历数组duiying[]，每次循环后都能返回显示一个<Descriptions>

但是目前通过这样的for循环得到的都是第一个数据，后面的数据不会显示，如果把return放到for循环体外面，会得到最后一个数据。

请问如何将每次循环得到的数据return一个<Descriptions>，最后统一在expandedRowRender中返回呢？

Answer 1

示例

请仔细阅读官方API文档，多看看官方的示例。

你使用方法错了。

Answer 2

Array.prototype.map
https://reactjs.org/docs/list...

Answer 3

数组有一堆循环，forEach，map，filter，some，every，reduce。。。，干嘛非要用for循环，你这种情况适合用map循环

Answer 4

为什么不在循环外面搞一个接收的数组，循环完组好后再直接一起return出去